<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>GitHub Dark Syntax Highlighting Themes</title>
  <link href="https://fonts.googleapis.com/css?family=Arvo|Open+Sans" rel="stylesheet">

  <!-- themes -->
  <link rel="stylesheet" title="Ambiance" href="src/themes/github/ambiance.css">
  <link rel="stylesheet" title="Ambiance" class="codemirror" href="src/themes/codemirror/ambiance.css">
  <link rel="stylesheet" title="Chaos" href="src/themes/github/chaos.css">
  <link rel="stylesheet" title="Clouds Midnight" href="src/themes/github/clouds-midnight.css">
  <link rel="stylesheet" title="Cobalt" href="src/themes/github/cobalt.css">
  <link rel="stylesheet" title="Cobalt" class="codemirror" href="src/themes/codemirror/cobalt.css">
  <link rel="stylesheet" title="Dracula" href="src/themes/github/dracula.css">
  <link rel="stylesheet" title="GitHub Dark" href="src/themes/github/github-dark.css">
  <link rel="stylesheet" title="Idle Fingers" href="src/themes/github/idle-fingers.css">
  <link rel="stylesheet" title="KR Theme" href="src/themes/github/kr-theme.css">
  <link rel="stylesheet" title="Material" class="codemirror" href="src/themes/codemirror/material.css">
  <link rel="stylesheet" title="Merbivore" href="src/themes/github/merbivore.css">
  <link rel="stylesheet" title="Merbivore Soft" href="src/themes/github/merbivore-soft.css">
  <link rel="stylesheet" title="Mono Industrial" href="src/themes/github/mono-industrial.css">
  <link rel="stylesheet" title="Mono Industrial Clear" href="src/themes/github/mono-industrial-clear.css">
  <link rel="stylesheet" title="Monokai" href="src/themes/github/monokai.css">
  <link rel="stylesheet" title="Monokai" class="codemirror" href="src/themes/codemirror/monokai.css">
  <link rel="stylesheet" title="Monokai Spacegray Eighties" href="src/themes/github/monokai-spacegray-eighties.css">
  <link rel="stylesheet" title="Monokai Spacegray Eighties" class="codemirror" href="src/themes/codemirror/monokai-spacegray-eighties.css">
  <link rel="stylesheet" title="Obsidian" href="src/themes/github/obsidian.css">
  <link rel="stylesheet" title="One Dark" href="src/themes/github/one-dark.css">
  <link rel="stylesheet" title="One Dark" class="codemirror" href="src/themes/codemirror/one-dark.css">
  <link rel="stylesheet" title="Pastel on Dark" href="src/themes/github/pastel-on-dark.css">
  <link rel="stylesheet" title="Pastel on Dark" class="codemirror" href="src/themes/codemirror/pastel-on-dark.css">
  <link rel="stylesheet" title="Railscasts" href="src/themes/github/railscasts.css">
  <link rel="stylesheet" title="Railscasts" class="codemirror" href="src/themes/codemirror/railscasts.css">
  <link rel="stylesheet" title="Solarized Dark" href="src/themes/github/solarized-dark.css">
  <link rel="stylesheet" title="Solarized Dark" class="codemirror" href="src/themes/codemirror/solarized-dark.css">
  <link rel="stylesheet" title="Terminal" href="src/themes/github/terminal.css">
  <link rel="stylesheet" title="Tomorrow Night" href="src/themes/github/tomorrow-night.css">
  <link rel="stylesheet" title="Tomorrow Night Blue" href="src/themes/github/tomorrow-night-blue.css">
  <link rel="stylesheet" title="Tomorrow Night Bright" href="src/themes/github/tomorrow-night-bright.css">
  <link rel="stylesheet" title="Tomorrow Night Bright" class="codemirror" href="src/themes/codemirror/tomorrow-night-bright.css">
  <link rel="stylesheet" title="Tomorrow Night Eighties" href="src/themes/github/tomorrow-night-eighties.css">
  <link rel="stylesheet" title="Tomorrow Night Eighties" class="codemirror" href="src/themes/codemirror/tomorrow-night-eighties.css">
  <link rel="stylesheet" title="Twilight" href="src/themes/github/twilight.css">
  <link rel="stylesheet" title="Twilight" class="codemirror codemirror-default" href="src/themes/codemirror/twilight.css">
  <link rel="stylesheet" title="Vibrant Ink" href="src/themes/github/vibrant-ink.css">
  <link rel="stylesheet" title="Vibrant Ink" class="codemirror" href="src/themes/codemirror/vibrant-ink.css">
  <!-- <link rel="stylesheet" title="x" href="src/themes/github/x.css"> -->

  <!-- Demo styling -->
  <style>
  body {
    background-image: url("");
  }

  body, .plain {
    font-family: 'Open Sans', sans-serif;
    color: #ddd;
    width: 90%;
    text-align: center;
    margin: 20px auto;
  }
  .highlight {
    background: #181818;
  }
  select {
    background: #111;
    border: 1px solid #444;
    color: #ddd;
  }
  select:focus {
    background-color: #181818;
  }
  h1 {
    font-size: 2.5em;
  }
  h1, h2, h3 {
    font-family: 'Arvo', serif;
  }
  hr {
    border: 1px solid #666;
  }
  .github-btn { border: 0; }
  a { color: #4f8cc9; text-decoration: none; }
  a:hover { text-decoration: underline; }
  .wrapper { width: 280px; height: 400px; padding: 0 0 20px 20px; vertical-align: top; display: inline-block; }
  h3 + .highlight { border: #555 1px solid; text-align: left; height: 350px; overflow: hidden; font-size: 10px; position: relative; z-index: -1; }
  h3 + .highlight table { width: 100%; }
  h3 + .highlight table.file-code, h3 + .highlight table.file-code td { line-height: 0; border-collapse: collapse; }
  pre, .blob-code-inner { padding: 0 5px; font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
  .popup, .CodeMirror-vscrollbar { display: none !important; }
  .popup:checked ~ .highlight {
    background: #222;
    box-sizing: border-box;
    position: fixed;
    height: calc(100% - 40px);
    top: 20px;
    bottom: 20px;
    left: 20px;
    right: 20px;
    padding: 20px 40px;
    font-size: 14px;
    z-index: 1;
    overflow-y: auto;
  }
  .popup:checked .CodeMirror-vscrollbar {
    display: block !important;
  }
  /* GitHub gist style */
  .file-data .line-numbers span {
    display: block;
  }
  /* diff stuff */
  .add-line-comment:focus, .is-hovered .add-line-comment { opacity: 1; }
  .add-line-comment:hover { transform: scale(1); }
  .soft-wrap .add-line-comment { margin-left: -28px; }
  .add-line-comment {
    background-color: #0366d6;
    background-image: linear-gradient(#0372ef,#0366d6);
    border-radius: 3px;
    border: 0;
    box-shadow: 0 1px 4px rgba(27,31,35,.15);
    color: #fff;
    cursor: pointer;
    float: left;
    height: 22px;
    line-height: 21px;
    margin: -2px -10px -2px -20px;
    opacity: 0;
    position: relative;
    text-align: center;
    text-indent: 0;
    transform: scale(.8);
    transition: transform .1s ease-in-out;
    width: 22px;
    z-index: 5;
  }
  /* styles from github-dark.css; slightly tweaked to match GitHub */
  .markdown-format pre, .markdown-body pre, .markdown-format .highlight pre,
  .markdown-body .highlight pre, #facebox pre, .blob-expanded, .terminal,
  .copyable-terminal, #notebook .input_area, .blob-code-context,
  .markdown-format code, .api pre, .api li:not(a) code,
  .hook-delivery-details pre, .hook-delivery-container pre, .code-list .file-box,
  .highlight, .CodeMirror {
    background-color: var(--ghd-code-background, #141414) !important;
    color: var(--ghd-code-color, #ccc) !important;
  }
  .blob-code, .blob-code-inner {
    color: var(--ghd-code-color, #ccc) !important;
  }
  .blame .blob-num, .blame-blob-num, .overall-summary, .repository-lang-stats,
  .collection-card, .team-grid .team, .blob-num-hunk, .blob-code-hunk,
  .blob-code-expandable, .code-list .divider .blob-num,
  .code-list .divider .blob-code, .blob-num-expandable,
  .expandable-line-num .diff-expander:hover, .select-menu-filters,
  .select-menu-modal, .pagination a, .blob-num[colspan], .build-status-item,
  .more-branches {
    background: #1b1b1b !important;
  }
  /* diff highlighting (no syntax highlight) */
  /* main diff text color */
  .diff-line-pre {
    color: #ccc !important;
  }
  .diff-table .line-comments {
    border-top: 1px solid #333 !important;
    border-bottom: 1px solid #333 !important;
  }
  #header-wrapper, .menu li + li {
    border-bottom: 1px solid #333 !important;
  }
  .js-release-form .drag-and-drop {
    border-top: none !important;
  }
  /* light grey - breaks in diff (with line numbers) */
  .highlight .expandable-line-num, .highlight .diff-line-num-hunk,
  .highlight .diff-line-code-hunk, .highlight .expandable-line-code {
    background: #222 !important;
    color: #888 !important;
  }
  /* git diff line additions (dark green) */
  .blob-code.blob-code-addition, .blob-num.blob-num-addition,
  .prose-diff .changed ins, .prose-diff .changed ins code,
  .prose-diff .changed ins pre, .prose-diff .changed .added,
  .prose-diff > .markdown-body ins pre, .prose-diff > .markdown-body ins code,
  .prose-diff > .markdown-body ins > div, .prose-diff > .markdown-body ins > p {
    background: #002800 !important;
    border-color: #060 !important;
  }
  /* git diff line deletions (dark red) */
  .blob-code.blob-code-deletion, .blob-num.blob-num-deletion,
  .prose-diff > .markdown-body .changed del,
  .prose-diff > .markdown-body .changed del pre,
  .prose-diff > .markdown-body .changed del code,
  .prose-diff > .markdown-body .changed del > div,
  .prose-diff > .markdown-body .changed .removed,
  .prose-diff > .markdown-body .changed .removed pre,
  .prose-diff > .markdown-body .changed .removed code,
  .prose-diff > .markdown-body .changed .removed > div {
    background: #380000 !important;
    border-color: #600 !important;
  }
  /* hover highlight in code and diffs */
  .diff-table tr:hover > pre,
  .highlight:not(.lines) tr:not(.inline-comments):hover td:not(.line-age):not([style^="background-color: rgb(248, 238, 199)"]) {
    background: #272727 !important;
  }
  .highlight:not(.lines) tr:not(.inline-comments):hover td.blob-num-addition:not(.line-age),
  .highlight:not(.lines) tr:not(.inline-comments):hover td.blob-code-addition:not(.line-age) {
    background: #103810 !important;
  }
  .highlight:not(.lines) tr:not(.inline-comments):hover td.blob-num-deletion:not(.line-age),
  .highlight:not(.lines) tr:not(.inline-comments):hover td.blob-code-deletion:not(.line-age) {
    background: #481010 !important;
  }
  .highlight:not(.lines) tr:not(.inline-comments):hover td.selected-line.blob-num:not(.line-age),
  .highlight:not(.lines) tr:not(.inline-comments):hover td.selected-line.blob-code:not(.line-age),
  .highlight tr:not(.inline-comments):hover td[style^="background-color: rgb(248, 238, 199)"] {
    background: #363610 !important;
  }
  .prose-diff > .markdown-body th.changed, .prose-diff > .markdown-body td.changed {
    background: #282818 !important;
  }
  .blob-code-addition .x , .highlight .blob-code-addition .x {
    background: #252 !important;
    color: #eee !important;
  }
  .blob-code-deletion .x, .highlight .blob-code-deletion .x {
    background: #622 !important;
    color: #eee !important;
  }
  /* git diff line numbers (med green) */
  .gi .diff-line-num, .gi .diff-line-code, .gi .diff-line-pre {
    background: #020 !important;
    border-color: #040 !important;
  }
  /* git diff line deletions (med red) */
  .gd .diff-line-num, .highlight .err, .gd .diff-line-code, .gd .diff-line-pre {
    background: #300 !important;
    border-color: #500 !important;
  }
  /* diff extras copied from GitHub */
  .diff-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  a.diff-expander {
    text-decoration: none;
    text-align: center;
    color: #fff;
  }
  .blob-num-expandable .directional-expander {
    color: #586069;
    cursor: pointer;
    display: block;
    height: auto;
    margin-right: -1px;
    width: auto;
  }
  .octicon-unfold {
    display: block;
    margin: 0 auto;
    height: 15px;
    width: 16px;
    background: url('') center center no-repeat;
    background-size: cover;
  }
  .blob-num {
    color: #666;
    width: 50px;
    font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
    vertical-align: top;
    text-align: center;
    border: solid #333;
    border-width: 0 1px 0 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .blob-num:before {
    content: attr(data-line-number);
  }
.CodeMirror{font-family:monospace;height:300px;color:black}.CodeMirror-lines{padding:4px 0}.CodeMirror pre{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:white}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:black}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0 !important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-animate-fat-cursor{width:auto;border:0;-webkit-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-webkit-keyframes blink{0%{}50%{background-color:transparent}100%{}}@keyframes blink{0%{}50%{background-color:transparent}100%{}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:-20px;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:bold}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta{color:#555}.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error{color:#f00}.cm-invalidchar{color:#f00}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}.CodeMirror-matchingtag{background:rgba(255,150,0,0.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll !important;margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:30px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-30px;*zoom:1;*display:inline}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none !important;border:none !important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre{border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:none;font-variant-ligatures:none}.CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background:#ffa;background:rgba(255,255,0,0.4)}.CodeMirror span{*vertical-align:text-bottom}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:''}span.CodeMirror-selectedtext{background:none}.CodeMirror-dialog{position:absolute;left:0;right:0;background:inherit;z-index:15;padding:.1em .8em;overflow:hidden;color:inherit}.CodeMirror-dialog-top{border-bottom:1px solid #eee;top:0}.CodeMirror-dialog-bottom{border-top:1px solid #eee;bottom:0}.CodeMirror-dialog input{border:none;outline:none;background:transparent;width:20em;color:inherit;font-family:monospace}.CodeMirror-dialog button{font-size:70%}.octicon{display:inline-block;vertical-align:text-top;fill:currentColor}
.cm-s-github.CodeMirror{font-family:Consolas, "Liberation Mono", Menlo, Courier, monospace;font-size:12px;line-height:18px;background:#fff}.cm-s-github .CodeMirror-gutters{background:#fff}.cm-s-github .CodeMirror-linenumber{padding:0px 13px 0px 19px}.cm-s-github .CodeMirror-cursor{color:#000}.cm-s-github .CodeMirror-activeline-background{background:#f5f5f5 !important}.cm-s-github .CodeMirror-selected{background:#c8c8fa}.cm-s-github .cm-comment{color:#969896}.cm-s-github .cm-string{color:#183691}.cm-s-github .cm-string-2{color:#0086b3}.cm-s-github .cm-tag{color:#63a35c}.cm-s-github .cm-keyword{color:#a71d5d}.cm-s-github .cm-error,.cm-s-github .cm-invalidchar{font-style:italic;font-weight:bold;color:#b52a1d;text-decoration:underline}.cm-s-github .cm-variable{color:#ed6a43}.cm-s-github .cm-variable-2{color:#795da3}
  </style>

  <!-- jQuery -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
  <script>
  $(function(){
    $('div.highlight a').on('click', false);
    var t,
      $links = $('link[title]'),
      $select = $('select'),
      $default = $('.codemirror-default'),
      theme = "Twilight",
      ls = false,
      selectTheme = function(theme) {
        $links.prop('disabled', true);
        t = $links.filter('[title="' + theme + '"]').prop('disabled', false);
        if (t.length === 1) {
          // turn on Twilight if no code mirror theme exists
          $default.prop('disabled', false);
        }
      };
    // https://gist.github.com/paulirish/5558557
    if ("localStorage" in window) {
      try {
        window.localStorage.setItem('_tmptest', 'temp');
        ls = true;
        window.localStorage.removeItem('_tmptest');
      } catch(e) {}
    }
    if (ls) {
      theme = localStorage['github-dark-theme'] || theme;
    }

    t = '';
    $links.each(function() {
      if (!$(this).hasClass('codemirror')) {
        t += '<option>' + this.title + '</option>';
      }
    });
    $select
      .append(t)
      .on('change', function(){
        selectTheme(this.value);
        if (ls) {
          localStorage['github-dark-theme'] = this.value;
        }
      })
      .val(theme);

    function bindLabels() {
      $('.wrapper').on('keydown', function(e) {
        if (e.key === " ") {
          $(this).find('input[type="checkbox"]').click();
          return false;
        }
      });
      $(document).on('keydown', function(e) {
        console.log(e.key, e.target);
      });
      $('#rst-diff')
        .on('mouseenter', 'tr', function() { $(this).find('.blob-code').addClass('is-hovered'); })
        .on('mouseleave', 'tr', function() { $(this).find('.blob-code').removeClass('is-hovered'); });
    }

    $(window).on('load', function(){
      $select.val(theme);
      selectTheme(theme);
      bindLabels();
    });

  });
  </script>

</head>
<body>
  <p align="center">
    <a href="https://github.com/StylishThemes/GitHub-Dark">
      <img alt="githubdark-logo" src="https://rawgit.com/StylishThemes/logos/master/github.dark/githubdark-mini.svg" width="580">
    </a>
    <br>
    <a href="https://github.com/StylishThemes/GitHub-Dark/tags">
      <img src="https://img.shields.io/github/tag/StylishThemes/GitHub-Dark.svg?label=version&style=flat" alt="Version">
    </a>
    <a href="https://github.com/StylishThemes/GitHub-Dark/stargazers">
      <img src="https://img.shields.io/github/stars/StylishThemes/GitHub-Dark.svg?style=flat" alt="Stars">
    </a>
    <a href="https://github.com/StylishThemes/GitHub-Dark/network">
      <img src="https://img.shields.io/github/forks/StylishThemes/GitHub-Dark.svg?style=flat" alt="Forks">
    </a>
    <a href="https://david-dm.org/StylishThemes/GitHub-Dark?type=dev">
      <img src="https://img.shields.io/david/dev/StylishThemes/GitHub-Dark.svg?label=devDependencies&style=flat" alt="devDependencies">
    </a>
    <a href="https://gitter.im/StylishThemes/GitHub-Dark">
      <img src="https://img.shields.io/gitter/room/StylishThemes/Github-Dark.js.svg?maxAge=2592000&style=flat" alt="Gitter">
    </a>
  </p>
  <h2 align="center">Your eyes will ❤️ you.</h2>
  <hr/>
  <h2>Syntax Highlighting Themes</h2>
  <h3 class="plain">Select a syntax highlighting theme:
    <select></select>
  </h3>
  <h4>Note: Not all CodeMirror themes are available for each selection <em>in this demo</em>; it falls back to Twilight.</h4>

  <label class="wrapper type-diff file-data" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Commit Diff</h3>
    <!-- example from https://github.com/StylishThemes/GitHub-Dark/commit/accc6c4a2349580f16fdf5d1542941a5ecb97ff5 -->
<div class="data highlight blob-wrapper">
  <table class="diff-table js-diff-table tab-size  " data-tab-size="2" data-diff-anchor="diff-64ae9f3acdf5e1c48548adca960457b1">
    <tbody><tr class="js-expandable-line" data-position="0">
      <td class="blob-num blob-num-expandable is-hovered" colspan="2">
        <a href="#diff-64ae9f3acdf5e1c48548adca960457b1" class="js-expand directional-expander single-expander" title="Expand Up" aria-label="Expand Up" data-url="/StylishThemes/GitHub-Dark/blob_excerpt/89e7b35dc27940c66fdddc00f58020e6720b3c3d?diff=unified&amp;direction=up&amp;in_wiki_context=&amp;last_left=&amp;last_right=&amp;left=1579&amp;left_hunk_size=7&amp;mode=100644&amp;path=github-dark.css&amp;right=1579&amp;right_hunk_size=7" data-left-range="1-1578" data-right-range="1-1578">
          <svg class="octicon octicon-fold-up" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 6L7 3 4 6h2v6h2V6h2zm4 0c0-.55-.45-1-1-1h-2.5l1 1h1l-2 2H9v1h1.5l2 2H9v1h4c.55 0 1-.45 1-1l-2.5-2.5L14 6zM3.5 8H5v1H3.5l-2 2H5v1H1c-.55 0-1-.45-1-1l2.5-2.5L0 6c0-.55.45-1 1-1h2.5l-1 1h-1l2 2z"></path></svg>
        </a>
      </td>
      <td class="blob-code blob-code-inner blob-code-hunk is-hovered" colspan="2">@@ -1579,7 +1579,7 @@</td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1579" data-line-number="1579" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1579" data-line-number="1579" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="1" data-side="right" data-line="1579" data-original-line="     border-color: /*[[base-color]]*/ #4183C4 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">border-color</span></span>: <span class="pl-c"><span class="pl-c">/*</span>[[base-color]]<span class="pl-c">*/</span></span> <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(65, 131, 196);"></span>#4183C4</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1580" data-line-number="1580" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1580" data-line-number="1580" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="2" data-side="right" data-line="1580" data-original-line="     color: #fff !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(255, 255, 255);"></span>#fff</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1581" data-line-number="1581" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1581" data-line-number="1581" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="3" data-side="right" data-line="1581" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1582" data-line-number="1582" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion blob-code-marker-cell" data-code-marker="-">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="4" data-side="left" data-line="1582" data-original-line="-  .zh-pipeline-issue-toggler:hover {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">  <span class="pl-e">.zh-pipeline-issue-toggler</span><span class="pl-e">:hover</span> {</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1582" data-line-number="1582" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="5" data-side="right" data-line="1582" data-original-line="+  .zh-pipeline-issue-toggler:hover, .date_selector .date-button {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  <span class="pl-e">.zh-pipeline-issue-toggler</span><span class="pl-e">:hover</span><span class="x x-first">, </span><span class="pl-e x">.date_selector</span><span class="x"> </span><span class="pl-e x x-last">.date-button</span> {</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1583" data-line-number="1583" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1583" data-line-number="1583" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="6" data-side="right" data-line="1583" data-original-line="     color: /*[[base-color]]*/ #4183C4 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c"><span class="pl-c">/*</span>[[base-color]]<span class="pl-c">*/</span></span> <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(65, 131, 196);"></span>#4183C4</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1584" data-line-number="1584" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1584" data-line-number="1584" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="7" data-side="right" data-line="1584" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1585" data-line-number="1585" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1585" data-line-number="1585" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="8" data-side="right" data-line="1585" data-original-line="   /* background */" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-c"><span class="pl-c">/*</span> background <span class="pl-c">*/</span></span></span>
      </td>
    </tr>

    <tr class="js-expandable-line" data-position="9">
      <td class="blob-num blob-num-expandable" colspan="2">
        <a href="#diff-64ae9f3acdf5e1c48548adca960457b1" class="js-expand directional-expander single-expander" title="Expand All" aria-label="Expand All" data-url="/StylishThemes/GitHub-Dark/blob_excerpt/89e7b35dc27940c66fdddc00f58020e6720b3c3d?diff=unified&amp;in_wiki_context=&amp;last_left=1585&amp;last_right=1585&amp;left=1595&amp;left_hunk_size=21&amp;mode=100644&amp;path=github-dark.css&amp;right=1595&amp;right_hunk_size=23" data-left-range="1586-1589" data-right-range="1586-1589">
          <svg class="octicon octicon-unfold" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M11.5 7.5L14 10c0 .55-.45 1-1 1H9v-1h3.5l-2-2h-7l-2 2H5v1H1c-.55 0-1-.45-1-1l2.5-2.5L0 5c0-.55.45-1 1-1h4v1H1.5l2 2h7l2-2H9V4h4c.55 0 1 .45 1 1l-2.5 2.5zM6 6h2V3h2L7 0 4 3h2v3zm2 3H6v3H4l3 3 3-3H8V9z"></path></svg>
        </a>
      </td>
      <td class="blob-code blob-code-inner blob-code-hunk" colspan="2">@@ -1595,21 +1595,23 @@</td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1595" data-line-number="1595" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1595" data-line-number="1595" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="10" data-side="right" data-line="1595" data-original-line="     border-color: #484848 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">border-color</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(72, 72, 72);"></span>#484848</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1596" data-line-number="1596" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1596" data-line-number="1596" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="11" data-side="right" data-line="1596" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1597" data-line-number="1597" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1597" data-line-number="1597" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="12" data-side="right" data-line="1597" data-original-line="   li.zh-pipeline-issue, .zh-pipeline-issue-content, .zh-issue-meta, .zh-pipeline-issue-action," type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-ent">li</span><span class="pl-e">.zh-pipeline-issue</span>, <span class="pl-e">.zh-pipeline-issue-content</span>, <span class="pl-e">.zh-issue-meta</span>, <span class="pl-e">.zh-pipeline-issue-action</span>,</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1598" data-line-number="1598" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion blob-code-marker-cell" data-code-marker="-">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="13" data-side="left" data-line="1598" data-original-line="-  .zh-pipeline-heading-container, .zh-button-grey, .zh-board-menu, .zh-schema-title {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">  <span class="pl-e">.zh-pipeline-heading-container</span>, <span class="pl-e">.zh-button-grey</span>, <span class="pl-e">.zh-board-menu</span>, <span class="pl-e">.zh-schema-title</span> {</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1598" data-line-number="1598" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="14" data-side="right" data-line="1598" data-original-line="+  .zh-pipeline-heading-container, .zh-button-grey, .zh-board-menu, .zh-schema-title," type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  <span class="pl-e">.zh-pipeline-heading-container</span>, <span class="pl-e">.zh-button-grey</span>, <span class="pl-e">.zh-board-menu</span>, <span class="pl-e">.zh-schema-title</span>,</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1599" data-line-number="1599" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="15" data-side="right" data-line="1599" data-original-line="+  .zh-burndown-chart .milestone-start-calendar-container {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  <span class="pl-e">.zh-burndown-chart</span> <span class="pl-e">.milestone-start-calendar-container</span> {</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1599" data-line-number="1599" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1600" data-line-number="1600" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="16" data-side="right" data-line="1600" data-original-line="     background-color: #222 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">background-color</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(34, 34, 34);"></span>#222</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1600" data-line-number="1600" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1601" data-line-number="1601" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="17" data-side="right" data-line="1601" data-original-line="     border-color: #484848 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">border-color</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(72, 72, 72);"></span>#484848</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1601" data-line-number="1601" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1602" data-line-number="1602" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="18" data-side="right" data-line="1602" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1602" data-line-number="1602" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1603" data-line-number="1603" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="19" data-side="right" data-line="1603" data-original-line="   .zh-uploader-drop, .zh-button-grey.selected, .zh-button-grey:hover {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-e">.zh-uploader-drop</span>, <span class="pl-e">.zh-button-grey.selected</span>, <span class="pl-e">.zh-button-grey</span><span class="pl-e">:hover</span> {</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1603" data-line-number="1603" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1604" data-line-number="1604" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="20" data-side="right" data-line="1604" data-original-line="     background: #333 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(51, 51, 51);"></span>#333</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1604" data-line-number="1604" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1605" data-line-number="1605" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="21" data-side="right" data-line="1605" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1605" data-line-number="1605" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1606" data-line-number="1606" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="22" data-side="right" data-line="1606" data-original-line="   /* border */" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-c"><span class="pl-c">/*</span> border <span class="pl-c">*/</span></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1606" data-line-number="1606" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion blob-code-marker-cell" data-code-marker="-">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="23" data-side="left" data-line="1606" data-original-line="-  .zh-paw-btn-inner, .zh-schema, .zh-schema-pipeline-name, .popover, .zh-uploader-drop {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">  <span class="pl-e">.zh-paw-btn-inner</span>, <span class="pl-e">.zh-schema</span>, <span class="pl-e">.zh-schema-pipeline-name</span>, <span class="pl-e">.popover</span>, <span class="pl-e">.zh-uploader-drop</span> {</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1607" data-line-number="1607" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="24" data-side="right" data-line="1607" data-original-line="+  .zh-paw-btn-inner, .zh-schema, .zh-schema-pipeline-name, .popover, .zh-uploader-drop," type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  <span class="pl-e">.zh-paw-btn-inner</span>, <span class="pl-e">.zh-schema</span>, <span class="pl-e">.zh-schema-pipeline-name</span>, <span class="pl-e">.popover</span>, <span class="pl-e">.zh-uploader-drop</span>,</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1608" data-line-number="1608" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="25" data-side="right" data-line="1608" data-original-line="+  .zh-milestone-dates, .zh-burndown-chart-container, .zh-burndown-chart .stats-container {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  <span class="pl-e">.zh-milestone-dates</span>, <span class="pl-e">.zh-burndown-chart-container</span>, <span class="pl-e">.zh-burndown-chart</span> <span class="pl-e">.stats-container</span> {</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1607" data-line-number="1607" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1609" data-line-number="1609" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="26" data-side="right" data-line="1609" data-original-line="     border-color: #484848 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">border-color</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(72, 72, 72);"></span>#484848</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1608" data-line-number="1608" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1610" data-line-number="1610" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="27" data-side="right" data-line="1610" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1609" data-line-number="1609" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1611" data-line-number="1611" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="28" data-side="right" data-line="1611" data-original-line="   .popover.right .arrow {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-e">.popover.right</span> <span class="pl-e">.arrow</span> {</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1610" data-line-number="1610" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1612" data-line-number="1612" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="29" data-side="right" data-line="1612" data-original-line="     border-right-color: #484848 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">border-right-color</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(72, 72, 72);"></span>#484848</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1611" data-line-number="1611" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1613" data-line-number="1613" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="30" data-side="right" data-line="1613" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1612" data-line-number="1612" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion blob-code-marker-cell" data-code-marker="-">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="31" data-side="left" data-line="1612" data-original-line="-  .file-commit-form .commit-form:before, .file-commit-form .commit-form:after {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">  <span class="pl-e">.file-commit-form</span> <span class="pl-e">.commit-form</span><span class="pl-e">:before</span>, <span class="pl-e">.file-commit-form</span> <span class="pl-e">.commit-form</span><span class="pl-e">:after</span> {</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1614" data-line-number="1614" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="32" data-side="right" data-line="1614" data-original-line="+  .file-commit-form .commit-form:before, .file-commit-form .commit-form:after, .zh-burndown .stats-item {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  <span class="pl-e">.file-commit-form</span> <span class="pl-e">.commit-form</span><span class="pl-e">:before</span>, <span class="pl-e">.file-commit-form</span> <span class="pl-e">.commit-form</span><span class="pl-e">:after</span><span class="x x-first">, </span><span class="pl-e x">.zh-burndown</span><span class="x"> </span><span class="pl-e x x-last">.stats-item</span> {</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1613" data-line-number="1613" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1615" data-line-number="1615" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="33" data-side="right" data-line="1615" data-original-line="     border-right-color: #343434 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">border-right-color</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(52, 52, 52);"></span>#343434</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1614" data-line-number="1614" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1616" data-line-number="1616" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="34" data-side="right" data-line="1616" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1615" data-line-number="1615" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1617" data-line-number="1617" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="35" data-side="right" data-line="1617" data-original-line="   /* text */" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-c"><span class="pl-c">/*</span> text <span class="pl-c">*/</span></span></span>
      </td>
    </tr>

    <tr class="js-expandable-line" data-position="36">
      <td class="blob-num blob-num-expandable" colspan="2">
        <a href="#diff-64ae9f3acdf5e1c48548adca960457b1" class="js-expand directional-expander" title="Expand Down" aria-label="Expand Down" data-url="/StylishThemes/GitHub-Dark/blob_excerpt/89e7b35dc27940c66fdddc00f58020e6720b3c3d?diff=unified&amp;direction=down&amp;in_wiki_context=&amp;last_left=1615&amp;last_right=1617&amp;left=1656&amp;left_hunk_size=6&amp;mode=100644&amp;path=github-dark.css&amp;right=1658&amp;right_hunk_size=10" data-left-range="1616-1634" data-right-range="1618-1636">
          <svg class="octicon octicon-fold-down" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 11l3 3 3-3H8V5H6v6H4zm-4 0c0 .55.45 1 1 1h2.5l-1-1h-1l2-2H5V8H3.5l-2-2H5V5H1c-.55 0-1 .45-1 1l2.5 2.5L0 11zm10.5-2H9V8h1.5l2-2H9V5h4c.55 0 1 .45 1 1l-2.5 2.5L14 11c0 .55-.45 1-1 1h-2.5l1-1h1l-2-2z"></path></svg>
        </a>
        <a href="#diff-64ae9f3acdf5e1c48548adca960457b1" class="js-expand directional-expander" title="Expand Up" aria-label="Expand Up" data-url="/StylishThemes/GitHub-Dark/blob_excerpt/89e7b35dc27940c66fdddc00f58020e6720b3c3d?diff=unified&amp;direction=up&amp;in_wiki_context=&amp;last_left=1615&amp;last_right=1617&amp;left=1656&amp;left_hunk_size=6&amp;mode=100644&amp;path=github-dark.css&amp;right=1658&amp;right_hunk_size=10" data-left-range="1635-1655" data-right-range="1637-1657">
          <svg class="octicon octicon-fold-up" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 6L7 3 4 6h2v6h2V6h2zm4 0c0-.55-.45-1-1-1h-2.5l1 1h1l-2 2H9v1h1.5l2 2H9v1h4c.55 0 1-.45 1-1l-2.5-2.5L14 6zM3.5 8H5v1H3.5l-2 2H5v1H1c-.55 0-1-.45-1-1l2.5-2.5L0 6c0-.55.45-1 1-1h2.5l-1 1h-1l2 2z"></path></svg>
        </a>
      </td>
      <td class="blob-code blob-code-inner blob-code-hunk" colspan="2">@@ -1656,6 +1658,10 @@</td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1656" data-line-number="1656" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1658" data-line-number="1658" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="37" data-side="right" data-line="1658" data-original-line="     -webkit-filter: invert(40%) !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">-webkit-filter</span></span>: <span class="pl-c1">invert</span>(<span class="pl-c1">40<span class="pl-k">%</span></span>) <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1657" data-line-number="1657" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1659" data-line-number="1659" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="38" data-side="right" data-line="1659" data-original-line="             filter: invert(40%) !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">            <span class="pl-c1"><span class="pl-c1">filter</span></span>: <span class="pl-c1">invert</span>(<span class="pl-c1">40<span class="pl-k">%</span></span>) <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1658" data-line-number="1658" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1660" data-line-number="1660" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="39" data-side="right" data-line="1660" data-original-line="   }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1661" data-line-number="1661" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="40" data-side="right" data-line="1661" data-original-line="+  .zh-icon-burndown {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  <span class="pl-e">.zh-icon-burndown</span> {</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1662" data-line-number="1662" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="41" data-side="right" data-line="1662" data-original-line="+    -webkit-filter: invert(100%) !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">-webkit-filter</span></span>: <span class="pl-c1">invert</span>(<span class="pl-c1">100<span class="pl-k">%</span></span>) <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1663" data-line-number="1663" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="42" data-side="right" data-line="1663" data-original-line="+            filter: invert(100%) !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">            <span class="pl-c1"><span class="pl-c1">filter</span></span>: <span class="pl-c1">invert</span>(<span class="pl-c1">100<span class="pl-k">%</span></span>) <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1664" data-line-number="1664" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="43" data-side="right" data-line="1664" data-original-line="+  }" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">  }</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1659" data-line-number="1659" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1665" data-line-number="1665" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="44" data-side="right" data-line="1665" data-original-line="   /* webkit scrollbars */" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-c"><span class="pl-c">/*</span> webkit scrollbars <span class="pl-c">*/</span></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1660" data-line-number="1660" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1666" data-line-number="1666" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="45" data-side="right" data-line="1666" data-original-line="   .zh-pipeline-issues-wrapper::-webkit-scrollbar-track {" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">  <span class="pl-e">.zh-pipeline-issues-wrapper</span><span class="pl-e">::-webkit-scrollbar-track</span> {</span>
      </td>
    </tr>

    <tr>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1L1661" data-line-number="1661" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-64ae9f3acdf5e1c48548adca960457b1R1667" data-line-number="1667" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="github-dark.css" data-anchor="diff-64ae9f3acdf5e1c48548adca960457b1" data-position="46" data-side="right" data-line="1667" data-original-line="     background: #181818 !important;" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1"><span class="ghcc-block" style="background-color: rgb(24, 24, 24);"></span>#181818</span> <span class="pl-k">!important</span>;</span>
      </td>
    </tr>

    <tr class="js-expandable-line" data-position="">
      <td class="blob-num blob-num-expandable" colspan="2">
        <a href="#diff-64ae9f3acdf5e1c48548adca960457b1" class="js-expand directional-expander single-expander" title="Expand Down" aria-label="Expand Down" data-url="/StylishThemes/GitHub-Dark/blob_excerpt/89e7b35dc27940c66fdddc00f58020e6720b3c3d?diff=unified&amp;direction=down&amp;in_wiki_context=&amp;last_left=1661&amp;last_right=1667&amp;left=1840&amp;left_hunk_size=&amp;mode=100644&amp;path=github-dark.css&amp;right=1840&amp;right_hunk_size=" data-left-range="1662-1839" data-right-range="1668-1839">
          <svg class="octicon octicon-fold-down" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 11l3 3 3-3H8V5H6v6H4zm-4 0c0 .55.45 1 1 1h2.5l-1-1h-1l2-2H5V8H3.5l-2-2H5V5H1c-.55 0-1 .45-1 1l2.5 2.5L0 11zm10.5-2H9V8h1.5l2-2H9V5h4c.55 0 1 .45 1 1l-2.5 2.5L14 11c0 .55-.45 1-1 1h-2.5l1-1h1l-2-2z"></path></svg>
        </a>
      </td>
      <td class="blob-code blob-code-inner blob-code-hunk" colspan="2"></td>
    </tr>

  </tbody></table>
</div>
  </label>

  <label class="wrapper type-diff file-data" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Commit (rst) Diff</h3>
    <!-- example from https://github.com/iXit/wine-nine-standalone/commit/e9cfdd9d2ebdbca7b757adf15c6779e2b0e728e3 -->
<div id="rst-diff" class="data highlight blob-wrapper">
  <table class="diff-table js-diff-table tab-size  " data-tab-size="8" data-diff-anchor="diff-88b99bb28683bd5b7e3a204826ead112">
    <colgroup>
      <col width="40">
      <col width="40">
      <col width="20">
      <col>
    </colgroup>

    <tbody><tr class="js-expandable-line" data-position="0">
      <td class="blob-num blob-num-expandable" colspan="2">
        <a href="#diff-88b99bb28683bd5b7e3a204826ead112" class="js-expand directional-expander single-expander" title="Expand Up" aria-label="Expand Up" data-url="/iXit/wine-nine-standalone/blob_excerpt/bc3785ab39d6e484322c4ec58843f5999f6d333e?diff=unified&amp;direction=up&amp;in_wiki_context=&amp;last_left=&amp;last_right=&amp;left=39&amp;left_hunk_size=7&amp;mode=100644&amp;path=README.rst&amp;right=39&amp;right_hunk_size=7" data-left-range="1-38" data-right-range="1-38">
          <svg class="octicon octicon-fold-up" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M10 6L7 3 4 6h2v6h2V6h2zm4 0c0-.55-.45-1-1-1h-2.5l1 1h1l-2 2H9v1h1.5l2 2H9v1h4c.55 0 1-.45 1-1l-2.5-2.5L14 6zM3.5 8H5v1H3.5l-2 2H5v1H1c-.55 0-1-.45-1-1l2.5-2.5L0 6c0-.55.45-1 1-1h2.5l-1 1h-1l2 2z"></path></svg>
        </a>
      </td>
      <td class="blob-code blob-code-inner blob-code-hunk" colspan="2">@@ -39,7 +39,7 @@ Packages</td>
    </tr>

    <tr>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112L39" data-line-number="39" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112R39" data-line-number="39" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="1" data-side="right" data-line="39" data-original-line=" --------" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context"><span class="blob-code-inner"><span class="pl-mh">--------</span></span></td>
    </tr>

    <tr>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112L40" data-line-number="40" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112R40" data-line-number="40" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="2" data-side="right" data-line="40" data-original-line=" Your distribution may provide a package, avoiding the need to compile the code yourself. The exact usage instructions may vary in this case so check your distribution for the details. The currently known packages are:" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">Your distribution may provide a package, avoiding the need to compile the code yourself. The exact usage instructions may vary in this case so check your distribution for the details. The currently known packages are:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112L41" data-line-number="41" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112R41" data-line-number="41" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="3" data-side="right" data-line="41" data-original-line=" " type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context"><span class="blob-code-inner"><br></span></td>
    </tr>

    <tr>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112L42" data-line-number="42" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion blob-code-marker-cell" data-code-marker="-">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="4" data-side="left" data-line="42" data-original-line="-* Arch Linux - releases: `gallium-nine (AUR) <https://aur.archlinux.org/packages/gallium-nine>`_, snapshots: `gallium-nine-git (AUR) <https://aur.archlinux.org/packages/gallium-nine-git>`_" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">* Arch Linux - releases: `<span class="pl-corl">gallium-nine <span class="x x-first x-last">(AUR) </span>&lt;https://<span class="x x-first x-last">aur</span>.archlinux.org/packages/<span class="x x-first x-last">gallium</span>-nine&gt;</span>`_, snapshots: `<span class="pl-corl">gallium-nine-git (AUR) &lt;https://aur.archlinux.org/packages/gallium-nine-git&gt;</span>`_</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112R42" data-line-number="42" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition blob-code-marker-cell" data-code-marker="+">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="5" data-side="right" data-line="42" data-original-line="+* Arch Linux - releases: `gallium-nine <https://www.archlinux.org/packages/multilib/x86_64/wine-nine/>`_, snapshots: `gallium-nine-git (AUR) <https://aur.archlinux.org/packages/gallium-nine-git>`_" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">* Arch Linux - releases: `<span class="pl-corl">gallium-nine &lt;https://<span class="x x-first x-last">www</span>.archlinux.org/packages/<span class="x x-first x-last">multilib/x86_64/wine</span>-nine<span class="x x-first x-last">/</span>&gt;</span>`_, snapshots: `<span class="pl-corl">gallium-nine-git (AUR) &lt;https://aur.archlinux.org/packages/gallium-nine-git&gt;</span>`_</span>
      </td>
    </tr>

    <tr>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112L43" data-line-number="43" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112R43" data-line-number="43" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="6" data-side="right" data-line="43" data-original-line=" * Fedora - releases: `wine-nine (Copr) <https://copr.fedorainfracloud.org/coprs/siro/wine-nine/>`_, snapshots: `wine-nine-unstable (Copr) <https://copr.fedorainfracloud.org/coprs/siro/wine-nine-unstable/>`_" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
      <span class="blob-code-inner">* Fedora - releases: `<span class="pl-corl">wine-nine (Copr) &lt;https://copr.fedorainfracloud.org/coprs/siro/wine-nine/&gt;</span>`_, snapshots: `<span class="pl-corl">wine-nine-unstable (Copr) &lt;https://copr.fedorainfracloud.org/coprs/siro/wine-nine-unstable/&gt;</span>`_</span></td>
    </tr>

    <tr>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112L44" data-line-number="44" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112R44" data-line-number="44" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="7" data-side="right" data-line="44" data-original-line=" * Gentoo Linux - `app-emulation/gallium-nine-standalone <https://packages.gentoo.org/packages/app-emulation/gallium-nine-standalone>`_" type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner">* Gentoo Linux - `<span class="pl-corl">app-emulation/gallium-nine-standalone &lt;https://packages.gentoo.org/packages/app-emulation/gallium-nine-standalone&gt;</span>`_</span>
      </td>
    </tr>

    <tr>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112L45" data-line-number="45" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-88b99bb28683bd5b7e3a204826ead112R45" data-line-number="45" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context blob-code-marker-cell" data-code-marker=" ">
        <button class="btn-link add-line-comment js-add-line-comment js-add-single-line-comment" data-path="README.rst" data-anchor="diff-88b99bb28683bd5b7e3a204826ead112" data-position="8" data-side="right" data-line="45" data-original-line=" " type="button" aria-label="Add line comment">
          <svg class="octicon octicon-plus" viewBox="0 0 12 16" version="1.1" width="12" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M12 9H7v5H5V9H0V7h5V2h2v5h5v2z"></path></svg>
        </button>
      </td>
      <td class="blob-code blob-code-context"><span class="blob-code-inner"><br></span></td>
    </tr>

    <tr class="js-expandable-line" data-position="">
      <td class="blob-num blob-num-expandable" colspan="2">
        <a href="#diff-88b99bb28683bd5b7e3a204826ead112" class="js-expand directional-expander single-expander" title="Expand Down" aria-label="Expand Down" data-url="/iXit/wine-nine-standalone/blob_excerpt/bc3785ab39d6e484322c4ec58843f5999f6d333e?diff=unified&amp;direction=down&amp;in_wiki_context=&amp;last_left=45&amp;last_right=45&amp;left=81&amp;left_hunk_size=&amp;mode=100644&amp;path=README.rst&amp;right=81&amp;right_hunk_size=" data-left-range="46-80" data-right-range="46-80">
          <svg class="octicon octicon-fold-down" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true"><path fill-rule="evenodd" d="M4 11l3 3 3-3H8V5H6v6H4zm-4 0c0 .55.45 1 1 1h2.5l-1-1h-1l2-2H5V8H3.5l-2-2H5V5H1c-.55 0-1 .45-1 1l2.5 2.5L0 11zm10.5-2H9V8h1.5l2-2H9V5h4c.55 0 1 .45 1 1l-2.5 2.5L14 11c0 .55-.45 1-1 1h-2.5l1-1h1l-2-2z"></path></svg>
        </a>
      </td>
      <td class="blob-code blob-code-inner blob-code-hunk" colspan="2"></td>
    </tr>

  </tbody></table>
</div>
  </label>

  <label class="wrapper gist" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Gist Diff</h3>
    <!-- example from https://gist.github.com/paulirish/5558557/revisions (gistfile1.md) -->
<div class="file-data diff-data data highlight blob-wrapper">
  <table class="diff-table tab-size  " data-tab-size="8">
    <colgroup>
      <col width="40">
      <col width="40">
      <col>
    </colgroup>

    <tbody><tr data-position="0">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L0" class="blob-num blob-num-hunk non-expandable is-hovered" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R0" class="blob-num blob-num-hunk non-expandable is-hovered" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk is-hovered">@@ -1,11 +1,11 @@</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L1" data-line-number="1" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-A timeline of the last four years of detecting good old <span class="pl-c1">`window.localStorage`</span></span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R1" data-line-number="1" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+A timeline of the last four years of detecting good old <span class="pl-c1">`window.localStorage`</span><span class="x x-first x-last">.</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L2" data-line-number="2" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R2" data-line-number="2" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>




    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L3" data-line-number="3" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R3" data-line-number="3" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> &lt;hr&gt;</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L4" data-line-number="4" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R4" data-line-number="4" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L5" data-line-number="5" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R5" data-line-number="5" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>Jan Lenhart, bless his heart contributed the first patch for support:</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L6" data-line-number="6" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R6" data-line-number="6" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L7" data-line-number="7" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R7" data-line-number="7" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> October 2009:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L8" data-line-number="8" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/5059daa4674651cd1adc39d902e4f4afa73426cd#L0R413</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R8" data-line-number="8" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">5059daa</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/5059daa4674651cd1adc39d902e4f4afa73426cd#L0R413<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L9" data-line-number="9" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R9" data-line-number="9" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L10" data-line-number="10" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R10" data-line-number="10" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L11" data-line-number="11" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R11" data-line-number="11" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1">(<span class="pl-k">typeof</span> <span class="pl-c1">window</span>.localStorage <span class="pl-k">!=</span> <span class="pl-s"><span class="pl-pds">'</span>undefined<span class="pl-pds">'</span></span>)</span></span>
      </td>
    </tr>
    <tr data-position="14">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L13" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R13" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk">@@ -14,7 +14,7 @@ https://github.com/Modernizr/Modernizr/commit/5059daa4674651cd1adc39d902e4f4afa7</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L14" data-line-number="14" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R14" data-line-number="14" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>Simplicifations</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L15" data-line-number="15" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R15" data-line-number="15" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L16" data-line-number="16" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R16" data-line-number="16" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> November 2009:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L17" data-line-number="17" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/15020e75cb21d29e3514570704aabfa2a9c4ca84#L0L419</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R17" data-line-number="17" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">15020e7</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/15020e75cb21d29e3514570704aabfa2a9c4ca84#L0L419<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L18" data-line-number="18" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R18" data-line-number="18" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L19" data-line-number="19" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R19" data-line-number="19" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L20" data-line-number="20" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R20" data-line-number="20" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1"><span class="pl-k">!!</span><span class="pl-c1">window</span>.localStorage</span></span>
      </td>
    </tr>

    <tr data-position="23">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L22" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R22" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk">@@ -23,7 +23,7 @@ https://github.com/Modernizr/Modernizr/commit/15020e75cb21d29e3514570704aabfa2a9</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L23" data-line-number="23" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R23" data-line-number="23" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>If cookies disabled in FF, exception. Softer detect</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L24" data-line-number="24" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R24" data-line-number="24" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L25" data-line-number="25" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R25" data-line-number="25" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> December 2009:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L26" data-line-number="26" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/1e0ba919fa1e71172334df3fb37f5c3a07dacc49?w=1#L0R455</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R26" data-line-number="26" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">1e0ba91</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/1e0ba919fa1e71172334df3fb37f5c3a07dacc49?w=1#L0R455<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L27" data-line-number="27" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R27" data-line-number="27" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L28" data-line-number="28" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R28" data-line-number="28" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L29" data-line-number="29" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R29" data-line-number="29" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1"><span class="pl-k">!!</span>(<span class="pl-s"><span class="pl-pds">'</span>localStorage<span class="pl-pds">'</span></span> <span class="pl-k">in</span> <span class="pl-c1">window</span>)</span></span>
      </td>
    </tr>

    <tr data-position="32">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L31" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R31" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk">@@ -32,7 +32,7 @@ https://github.com/Modernizr/Modernizr/commit/1e0ba919fa1e71172334df3fb37f5c3a07</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L32" data-line-number="32" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R32" data-line-number="32" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>If DOM storage disabled in IE, <span class="pl-c1">`window.localStorage`</span> is <span class="pl-mi">_present_</span> but <span class="pl-c1">`=== null`</span>.</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L33" data-line-number="33" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R33" data-line-number="33" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L34" data-line-number="34" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R34" data-line-number="34" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> January 2010:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L35" data-line-number="35" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/d8947c91982b8018e1d119be44d9c3ed85e521b6#L0L580</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R35" data-line-number="35" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">d8947c9</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/d8947c91982b8018e1d119be44d9c3ed85e521b6#L0L580<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L36" data-line-number="36" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R36" data-line-number="36" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L37" data-line-number="37" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R37" data-line-number="37" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L38" data-line-number="38" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R38" data-line-number="38" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1">(localStorage <span class="pl-k">in</span> <span class="pl-c1">window</span>) <span class="pl-k">&amp;&amp;</span> <span class="pl-c1">window</span>[localStorage] <span class="pl-k">!==</span> <span class="pl-c1">null</span></span></span>
      </td>
    </tr>

    <tr data-position="41">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L40" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R40" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk">@@ -41,7 +41,7 @@ https://github.com/Modernizr/Modernizr/commit/d8947c91982b8018e1d119be44d9c3ed85</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L41" data-line-number="41" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R41" data-line-number="41" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>FF with dom.storage.enabled = false throws exceptions</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L42" data-line-number="42" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R42" data-line-number="42" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L43" data-line-number="43" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R43" data-line-number="43" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> July 2010:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L44" data-line-number="44" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/ef2c47#L0R633</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R44" data-line-number="44" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">ef2c47</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/ef2c47#L0R633<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L45" data-line-number="45" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R45" data-line-number="45" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L46" data-line-number="46" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R46" data-line-number="46" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L47" data-line-number="47" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R47" data-line-number="47" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1"><span class="pl-k">try</span> {</span></span>
      </td>
    </tr>

    <tr data-position="50">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L53" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R53" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk">@@ -54,7 +54,7 @@ try {</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L54" data-line-number="54" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R54" data-line-number="54" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>more shit because of FF exceptions</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L55" data-line-number="55" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R55" data-line-number="55" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L56" data-line-number="56" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R56" data-line-number="56" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> December 2010: </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L57" data-line-number="57" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/c630c3938f704bfb4153bc939dc2eeee012e34b5?w=1</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R57" data-line-number="57" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">c630c39</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/c630c3938f704bfb4153bc939dc2eeee012e34b5?w=1<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L58" data-line-number="58" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R58" data-line-number="58" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L59" data-line-number="59" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R59" data-line-number="59" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L60" data-line-number="60" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R60" data-line-number="60" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1"><span class="pl-k">try</span> {</span></span>
      </td>
    </tr>

    <tr data-position="59">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L67" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R67" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk">@@ -68,7 +68,7 @@ try {</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L68" data-line-number="68" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R68" data-line-number="68" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>iOS private browsing fucks everyone!!!</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L69" data-line-number="69" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R69" data-line-number="69" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L70" data-line-number="70" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R70" data-line-number="70" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> October 2011:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L71" data-line-number="71" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/5e2fa0ed336279990b8070726c596d7aa2c00b00</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R71" data-line-number="71" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">5e2fa0e</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/5e2fa0ed336279990b8070726c596d7aa2c00b00<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L72" data-line-number="72" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R72" data-line-number="72" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L73" data-line-number="73" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R73" data-line-number="73" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L74" data-line-number="74" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R74" data-line-number="74" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1"><span class="pl-k">try</span> {</span></span>
      </td>
    </tr>

    <tr data-position="68">
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L81" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R81" class="blob-num blob-num-hunk non-expandable" data-line-number="..."></td>
      <td class="blob-code blob-code-inner blob-code-hunk">@@ -82,7 +82,7 @@ try {</td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L82" data-line-number="82" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R82" data-line-number="82" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-mh"><span class="pl-mh">####</span><span class="pl-mh"> </span>stronger full capability test for localstorage with iOS private browsing protection</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L83" data-line-number="83" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R83" data-line-number="83" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L84" data-line-number="84" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R84" data-line-number="84" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> October 2011:</span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L85" data-line-number="85" class="blob-num blob-num-deletion js-linkable-line-number"></td>
      <td class="blob-num blob-num-deletion empty-cell"></td>
      <td class="blob-code blob-code-deletion">
        <span class="blob-code-inner">-https://github.com/Modernizr/Modernizr/commit/a93625c21694fcda6fc1514a48f54232f703194a</span>
      </td>
    </tr>

    <tr>
      <td class="blob-num blob-num-addition empty-cell"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R85" data-line-number="85" class="blob-num blob-num-addition js-linkable-line-number"></td>
      <td class="blob-code blob-code-addition">
        <span class="blob-code-inner">+<span class="x x-first">[</span><span class="pl-e x">a93625c</span><span class="x x-last">](</span>https://github.com/Modernizr/Modernizr/commit/a93625c21694fcda6fc1514a48f54232f703194a<span class="x x-first x-last">)</span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L86" data-line-number="86" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R86" data-line-number="86" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> </span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L87" data-line-number="87" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R87" data-line-number="87" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-c1">```js</span><span class="pl-s1"></span></span>
      </td>
    </tr>

    <tr>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754L88" data-line-number="88" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td id="diff-8a2718e4aa22e4b51b74a52010e8c754R88" data-line-number="88" class="blob-num blob-num-context js-linkable-line-number"></td>
      <td class="blob-code blob-code-context">
        <span class="blob-code-inner"> <span class="pl-s1"><span class="pl-k">try</span> {</span></span>
      </td>
    </tr>

  </tbody></table>
</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>CodeMirror Editor (JS)</h3>
    <div class="highlight">
<div class="commit-create">
    <div class="CodeMirror cm-s-github" style="height: 100%;"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 3.99149px; left: 57.6278px;"><textarea tabindex="-1" autocorrect="off" autocapitalize="off" spellcheck="false" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-vscrollbar" cm-not-content="true" style="display: block; bottom: 0px;"><div style="min-width: 1px; height: 509px;"></div></div><div class="CodeMirror-hscrollbar" cm-not-content="true"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll"><div class="CodeMirror-sizer" style="margin-left: 54px; margin-bottom: -10px; border-right-width: 20px; min-height: 509px; min-width: 831.651px; padding-right: 10px; padding-bottom: 0px; height: 100%;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre>x</pre><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>29</div></div></div><div class="CodeMirror-measure"><pre class="CodeMirror-line"><span style="padding-right: 0.1px;">  <span class="cm-keyword">function</span> <span class="cm-def">hexToRgb</span>(<span class="cm-def">hex</span>) {</span></pre></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div class="CodeMirror-cursor" style="left: 3.63635px; top: 0px; height: 17.2727px;">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">1</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-comment">/* global module, console */</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">2</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span class="cm-variable">module</span>.<span class="cm-property">exports</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span>(<span class="cm-def">grunt</span>) {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">3</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  <span class="cm-string">'use strict'</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">4</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">5</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  <span class="cm-keyword">var</span> <span class="cm-def">config</span>, <span class="cm-def">file</span>;</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">6</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">7</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  <span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">8</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">    <span class="cm-variable-2">config</span> <span class="cm-operator">=</span> <span class="cm-variable-2">grunt</span>.<span class="cm-property">file</span>.<span class="cm-property">readJSON</span>(<span class="cm-string">'build.json'</span>);</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">9</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  } <span class="cm-keyword">catch</span> (<span class="cm-def">err</span>) {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">10</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">    <span class="cm-variable">console</span>.<span class="cm-property">info</span>(<span class="cm-string">'build.json not found - using defaults'</span>);</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">11</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">    <span class="cm-variable-2">config</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">12</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'theme'</span>    : <span class="cm-string">'Twilight'</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">13</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'color'</span>    : <span class="cm-string">'#4f8cc9'</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">14</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'font'</span>     : <span class="cm-string">'Menlo'</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">15</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'image'</span>    : <span class="cm-string">'url(https://raw.githubusercontent.com/StylishThemes/GitHub-Dark/master/images/backgrounds/bg-tile1.png)'</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">16</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'tiled'</span>    : <span class="cm-atom">true</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">17</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'codeWrap'</span> : <span class="cm-atom">false</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">18</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'attach'</span>   : <span class="cm-string">'scroll'</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">19</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'tab'</span>      : <span class="cm-number">4</span>,</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">20</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">      <span class="cm-string cm-property">'webkit'</span>   : <span class="cm-atom">false</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">21</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">    };</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">22</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  }</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">23</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">24</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  <span class="cm-keyword">function</span> <span class="cm-def">getTheme</span>() {</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">25</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">    <span class="cm-keyword">return</span> (<span class="cm-variable-2">config</span>.<span class="cm-property">theme</span> <span class="cm-operator">||</span> <span class="cm-string">''</span>).<span class="cm-property">toLowerCase</span>().<span class="cm-property">replace</span>(<span class="cm-string-2">/\s+/g</span>, <span class="cm-string">'-'</span>);</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">26</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  }</span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">27</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;"><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">28</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  <span class="cm-comment">// modified from http://stackoverflow.com/a/5624139/145346</span></span></pre></div><div style="position: relative;"><div class="CodeMirror-gutter-wrapper" style="left: -53.9915px;"><div class="CodeMirror-linenumber CodeMirror-gutter-elt" style="left: 0px; width: 21px;">29</div></div><pre class=" CodeMirror-line "><span style="padding-right: 0.1px;">  <span class="cm-keyword">function</span> <span class="cm-def">hexToRgb</span>(<span class="cm-def">hex</span>) {</span></pre></div></div></div></div></div></div><div style="position: absolute; height: 20px; width: 1px; border-bottom: 0px solid transparent; top: 509px;"></div><div class="CodeMirror-gutters" style="height: 529px;"><div class="CodeMirror-gutter CodeMirror-linenumbers" style="width: 53px;"></div></div></div></div><textarea id="blob_contents_gruntfile-js" class="form-control file-editor-textarea js-blob-contents js-code-textarea" rows="35" name="value" data-filename="Gruntfile.js" data-codemirror-mode="text/javascript" data-allow-unchanged="" placeholder="Enter file contents here" aria-label="Enter file contents here" spellcheck="false" autofocus="" style="display: none;">/* global module, console */
module.exports = function(grunt) {
  'use strict';

  var config, file;

  try {
    config = grunt.file.readJSON('build.json');
  } catch (err) {
    console.info('build.json not found - using defaults');
    config = {
      'theme'    : 'Twilight',
      'color'    : '#4f8cc9',
      'font'     : 'Menlo',
      'image'    : 'url(https://raw.githubusercontent.com/StylishThemes/GitHub-Dark/master/images/backgrounds/bg-tile1.png)',
      'tiled'    : true,
      'codeWrap' : false,
      'attach'   : 'scroll',
      'tab'      : 4,
      'webkit'   : false
    };
  }

  function getTheme() {
    return (config.theme || '').toLowerCase().replace(/\s+/g, '-');
  }

  // modified from http://stackoverflow.com/a/5624139/145346
  function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    return result ? [
      parseInt(result[1], 16),
      parseInt(result[2], 16),
      parseInt(result[3], 16)
    ].join(", ") : "";
  }

  // ** set up build options **
  config.sourceFile = 'github-dark.css';
  file = getTheme();
  // setting "ace" to an empty string, or "default" will leave the default GitHub-base16 theme in place, with a dark background
  // using theme src files until we can figure out why cssmin is removing 2/3 of the definitions - see #240
  config.themeFile = file === '' || file === 'default' ? '' : 'themes/' + file + '.min.css';
  // build file name
  config.buildFile = 'github-dark-' + (file || 'default') + '-' + config.color.replace(/[^\d\w]/g, '') + '.build.min.css';
  // background options
  config.bgOptions = config.tiled ?
    'background-repeat: repeat !important; background-size: auto !important; background-position: left top !important;' :
    'background-repeat: no-repeat !important; background-size: cover !important; background-position: center top !important;';
  config.bgAttachment = config.attach.toLowerCase() === 'scroll' ? 'scroll' : 'fixed';

  config.codeWrapCss = config.codeWrap ?  [
    '/* GitHub: Enable wrapping of long code lines */',
    '  body:not(.nowrap) .blob-code-inner,',
    '  body:not(.nowrap) .markdown-body pre &gt; code,',
    '  body:not(.nowrap) .markdown-body .highlight &gt; pre {',
    '    white-space: pre-wrap !important;',
    '    word-break: break-all !important;',
    '    overflow-wrap: break-word !important;',
    '    display: block !important;',
    '  }',
    '  body:not(.nowrap) td.blob-code-inner {',
    '    display: table-cell !important;',
    '  }'
  ].join('\n') : '';

  // Don't include closing bracket for a chrome build
  config.newTheme = config.themeFile ? '&lt;%= grunt.file.read("' + config.themeFile + '") %&gt;' : '';

  // get @-moz prefix
  file = grunt.file.read('github-dark.css').match(/(@-moz-document regexp\((.*)+\) \{(\n|\r)+)/);
  config.prefix = file &amp;&amp; file.length ? file[1].replace(/^\s+|\s+$/g, '') : '';

  // custom build
  config.replacements = [{
    pattern: /@-moz-document regexp\((.*)\) \{(\n|\r)+/,
    replacement: ''
  }, {
    pattern: /\/\*\[\[bg-choice\]\]\*\/ url\(.*\)/,
    replacement: config.image
  }, {
    pattern: '/*[[bg-options]]*/',
    replacement: config.bgOptions
  }, {
    pattern: '/*[[bg-attachment]]*/ fixed',
    replacement: config.bgAttachment
  }, {
    pattern: /\/\*\[\[base-color\]\]\*\/ #\w{3,6}/g,
    replacement: config.color
  }, {
    pattern: /\/\*\[\[base-color-rgb\]\]\*\//g,
    replacement: hexToRgb(config.color)
  }, {
    pattern: '/*[[font-choice]]*/',
    replacement: config.font
  }, {
    pattern: '/*[[code-font-size]]*/',
    replacement: config.fontSize
  }, {
    pattern: '/*[[code-wrap]]*/',
    replacement: config.codeWrapCss
  }, {
    pattern: /\/\*\[\[tab-size\]\]\*\/ \d+/g,
    replacement: config.tab
  }, {
    // remove default syntax themes AND closing bracket
    pattern: /\s+\/\* grunt build - remove to end of file(.*(\n|\r))+\}$/m,
    replacement: ''
  }, {
    // add selected theme
    pattern: '/*[[syntax-theme]]*/',
    replacement: config.newTheme
  }];

  // userstyles.org - remove defaults &amp; leave placeholders
  config.replacements_user = [{
    pattern: /@-moz-document regexp\((.*)\) \{(\n|\r)+/,
    replacement: ''
  }, {
    pattern: /\/\*\[\[bg-choice\]\]\*\/ url\(.*\)/,
    replacement: '/*[[bg-choice]]*/'
  }, {
    pattern: '/*[[bg-attachment]]*/ fixed',
    replacement: '/*[[bg-attachment]]*/'
  }, {
    pattern: /\/\*\[\[base-color\]\]\*\/ #\w{3,6}/g,
    replacement: '/*[[base-color]]*/'
  }, {
    pattern: /\/\*\[\[tab-size\]\]\*\/ \d+/g,
    replacement: '/*[[tab-size]]*/'
  }, {
    // remove default syntax theme AND closing bracket
    pattern: /\s+\/\* grunt build - remove to end of file(.*(\n|\r))+\}$/m,
    replacement: ''
  }];

  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    config: config,

    'string-replace': {
      inline: {
        files: {'&lt;%= config.buildFile %&gt;' : '&lt;%= config.sourceFile %&gt;'},
        options: {replacements: '&lt;%= config.replacements %&gt;'}
      },
      mark: {
        files: {'&lt;%= config.buildFile %&gt;' : '&lt;%= config.buildFile %&gt;'},
        options: {
          replacements: [
            {pattern: /\/\*\[\[/gm, replacement: '/*![['},
            {pattern: '/* AGENT_SHEET */', replacement: '/*! AGENT_SHEET */'}
          ]
        }
      },
      unmark: {
        files: {'&lt;%= config.buildFile %&gt;' : '&lt;%= config.buildFile %&gt;'},
        options: {
          replacements: [
            {pattern: /\/\*\!\[\[/gm, replacement: '/*[['},
            {pattern: '/*! AGENT_SHEET */', replacement: '/* AGENT_SHEET */'}
          ]
        }
      },
      fix: {
        files: {'&lt;%= config.buildFile %&gt;' : '&lt;%= config.buildFile %&gt;'},
        options: {replacements: [{pattern: /\;\:\/\*\[\[/gm, replacement: ';/*[['}]}
      },
      afterCleanCss: {
        files: {'&lt;%= config.buildFile %&gt;' : '&lt;%= config.buildFile %&gt;'},
        options: {replacements: [{pattern: /__ESCAPED_SOURCE_END_CLEAN_CSS__/g, replacement: ''}]}
      },
      afterPerfectionist: {
        files: {'&lt;%= config.sourceFile %&gt;' : '&lt;%= config.sourceFile %&gt;'},
        options: {
          replacements: [
            {pattern: /\{\/\*\!/g, replacement: '{\n /*!'},
            {pattern: /\/\* /g, replacement: '\n  /* '},
            {pattern: /(\s+)?\n(\s+)?\n/gm, replacement: '\n'},
            {pattern: / {2}}\/\*/gm, replacement: '  }\n  /*'},
            {pattern: /,\s+\n/gm, replacement: ',\n'},
            // fix unicode-range block
            {pattern: /\n\s{23}/gm, replacement: ''},
            {pattern: /(-025A9,|-02662,)/gim, replacement: '$&amp;\n                   '}
          ]
        }
      }
    },
    clean: {
      cssmins: {
        src: ['themes/*.min.css']
      },
      build: {
        src: ['themes/build/']
      }
    },
    exec: {
      stylelint: 'npm run stylelint --silent -- github-dark.css',
      authors: 'bash tools/authors',
      perfectionist: 'npm run perfectionist --silent -- github-dark.css github-dark.css --indentSize 2 --maxAtRuleLength 250'
    },
    cssmin: {
      minify: {
        files: {'&lt;%= config.buildFile %&gt;' : '&lt;%= config.buildFile %&gt;'},
        options: {
          keepSpecialComments: '*',
          advanced: false
        }
      },
      themes: {
        files: [{
          expand : true,
          cwd : 'themes/build/',
          src : '*.css',
          dest : 'themes/',
          ext : '.min.css'
        }],
        options: {
          keepSpecialComments: '*',
          advanced: false
        }
      }
    },
    wrap: {
      mozrule: {
        files: {'&lt;%= config.buildFile %&gt;' : '&lt;%= config.buildFile %&gt;'},
        options: {
          wrapper: ['&lt;%= config.prefix %&gt;', '}']
        }
      }
    },
    watch: {
      css: {files: ['github-dark.css']}
    }
  });

  grunt.loadNpmTasks('grunt-string-replace');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.loadNpmTasks('grunt-contrib-clean');
  grunt.loadNpmTasks('grunt-contrib-cssmin');
  grunt.loadNpmTasks('grunt-wrap');
  grunt.loadNpmTasks('grunt-exec');

  // build custom GitHub-Dark style using build.json settings
  grunt.registerTask('default', 'Building custom style', function() {
    config.buildFile = config.buildFile.replace('.min.css', '.css');
    grunt.task.run(['string-replace:inline']);
    if (!(config.chrome || config.webkit)) {
      grunt.task.run(['wrap']);
    }
  });

  // build custom minified GitHub-Dark style
  grunt.registerTask('minify', 'Building custom minified style', function() {
    grunt.task.run(['string-replace:inline', 'cssmin:minify']);
    if (!(config.chrome || config.webkit)) {
      grunt.task.run(['wrap']);
    }
  });

  // build userstyle for pasting into https://userstyles.org/styles/37035/github-dark
  grunt.registerTask('user', 'building userstyles.org file', function() {
    config.buildFile = 'github-dark-userstyle.build.css';
    config.replacements = config.replacements_user;
    grunt.task.run([
      'string-replace:inline',
      'wrap'
    ]);
  });
  grunt.registerTask('usermin', 'building userstyles.org file', function() {
    config.buildFile = 'github-dark-userstyle.build.css';
    config.replacements = config.replacements_user;
    grunt.task.run([
      'string-replace:inline',
      'string-replace:mark',
      'cssmin:minify',
      'string-replace:afterCleanCss',
      'string-replace:unmark',
      'string-replace:fix',
      'wrap'
    ]);
  });

  // build custom minified GitHub-Dark style
  grunt.registerTask('themes', 'Rebuild minified theme files', function() {
    grunt.task.run(['clean:cssmins']);
    var fallbacks = {
      codemirror: grunt.file.read('themes/codemirror/twilight.css'),
      jupyter: grunt.file.read('themes/jupyter/twilight.css')
    };
    grunt.file.mkdir('themes/build');
    grunt.file.expand({
      filter: "isFile",
      cwd: "themes/github/",
    }, [
      "*.css",
      "!_template.css"
    ]).forEach(function(name) {
      // concat similar named theme files; use fallback if it doesn't exist
      var cur = grunt.file.read('themes/github/' + name);
      console.log(name);
      if (cur) {
        cur += grunt.file.exists('themes/codemirror/' + name) ?
          grunt.file.read('themes/codemirror/' + name) : fallbacks.codemirror;
        cur += grunt.file.exists('themes/jupyter/' + name) ?
          grunt.file.read('themes/jupyter/' + name) : fallbacks.jupyter;
        grunt.file.write("themes/build/" + name, cur);
      } else {
        grunt.log.error('Unable to read ' + cur);
      }
    });
    // compress &amp; clean
    grunt.task.run([
      'cssmin:themes',
      'clean:build'
    ]);
  });

  grunt.registerTask('clean', 'Perfectionist cleanup', function() {
    grunt.task.run(['exec:perfectionist', 'string-replace:afterPerfectionist']);
  });

  // lint github-dark.css and themes for errors
  grunt.registerTask('lint', 'Lint CSS for style errors', function() {
    grunt.task.run(['exec:stylelint']);
  });

  // regenerate AUTHORS based on commits
  grunt.registerTask('authors', 'Regenerate AUTHORS', function() {
    grunt.task.run(['exec:authors']);
  });

  // watch thingy
  grunt.registerTask('dev', ['watch']);
};
</textarea>
  </div>
    </div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>CSS</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-css">
  <pre><span class="pl-c">/* Code error example (no closing comment tag)</span>
<span class="pl-c"></span>
<span class="pl-c">/* Repository Network Tree */</span>
<span class="pl-e">#network</span> <span class="pl-e">.repo</span> <span class="pl-ent">img</span>[alt="T"], <span class="pl-e">#network</span> <span class="pl-e">.repo</span> <span class="pl-ent">img</span>[alt="I"], <span class="pl-e">#network</span> <span class="pl-e">.repo</span> <span class="pl-ent">img</span>[alt="L"] {
  <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">26<span class="pl-k">px</span></span> <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">height</span></span>: <span class="pl-c1">0</span> <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">padding-top</span></span>: <span class="pl-c1">22<span class="pl-k">px</span></span> <span class="pl-k">!important</span>;
}
<span class="pl-e">#network</span> <span class="pl-e">.repo</span> <span class="pl-ent">img</span>[alt="T"] {
  <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">http://StylishThemes.github.io/GitHub-Dark/images/t.png</span>) <span class="pl-c1">no-repeat</span> <span class="pl-k">!important</span>;
}

<span class="pl-e">.js-expand-btn</span>, <span class="pl-e">.dashboard-tabs</span> <span class="pl-ent">li</span> <span class="pl-ent">a</span>, <span class="pl-ent">pre</span><span class="pl-e">.headers</span>, <span class="pl-e">.box-header</span> {
  <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#181818</span> <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">background-image</span></span>: -webkit-gradient(linear, <span class="pl-c1">left</span> <span class="pl-c1">top</span>, <span class="pl-c1">left</span> <span class="pl-c1">bottom</span>, from(<span class="pl-c1">#333</span>), to(<span class="pl-c1">#181818</span>)) <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">background-image</span></span>: -webkit-linear-gradient(<span class="pl-c1">top</span>, <span class="pl-c1">#333</span>, <span class="pl-c1">#181818</span>) <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">background-image</span></span>: -moz-linear-gradient(<span class="pl-c1">top</span>, <span class="pl-c1">#333</span>, <span class="pl-c1">#181818</span>) <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">background-image</span></span>: -o-linear-gradient(<span class="pl-c1">top</span>, <span class="pl-c1">#333</span>, <span class="pl-c1">#181818</span>) <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">background-image</span></span>: linear-gradient(to <span class="pl-c1">bottom</span>, <span class="pl-c1">#333</span>, <span class="pl-c1">#181818</span>) <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">border-color</span></span>: <span class="pl-c1">#333</span> <span class="pl-k">!important</span>;
}

<span class="pl-c">/* contributors page - svg styling */</span>
svg|svg<span class="pl-e">.spark</span>, svg|svg<span class="pl-e">.viz</span> {
  <span class="pl-c1"><span class="pl-c1">background-color</span></span>:  <span class="pl-c1">#181818</span> <span class="pl-k">!important</span>;
}
svg|svg<span class="pl-e">.viz</span> {
  <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">#555</span> <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span> <span class="pl-k">!important</span>;
}
<span class="pl-e">.graphs</span> svg|line {
  <span class="pl-c1">stroke</span>: <span class="pl-c1">#444</span> <span class="pl-k">!important</span>;
  <span class="pl-c1">shape-rendering</span>: <span class="pl-c1">geometricPrecision</span> <span class="pl-k">!important</span>;
}

<span class="pl-c">/* placeholder */</span>
::-webkit-<span class="pl-ent">input</span>-placeholder {
  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#444</span> <span class="pl-k">!important</span>;
}
:-moz-placeholder {
  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#444</span> <span class="pl-k">!important</span>;
}
::-moz-placeholder {
  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#444</span> <span class="pl-k">!important</span>;
  <span class="pl-c1"><span class="pl-c1">opacity</span></span>: <span class="pl-c1">1</span> <span class="pl-k">!important</span>;
}</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>SCSS</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-scss"><pre><span class="pl-c">/* Icon sprite example */</span>
<span class="pl-smi">$icon</span>: <span class="pl-c1">sprite-map</span>(<span class="pl-s"><span class="pl-pds">"</span>bg/icon/*.png<span class="pl-pds">"</span></span>,<span class="pl-v"></span>
  <span class="pl-smi">$layout</span><span class="pl-v">:</span> <span class="pl-v">smart</span>
);
<span class="pl-smi">$icon2x</span>: <span class="pl-c1">sprite-map</span>(<span class="pl-s"><span class="pl-pds">"</span>bg/icon2x/*.png<span class="pl-pds">"</span></span>,<span class="pl-v"></span>
  <span class="pl-smi">$layout</span><span class="pl-v">:</span> <span class="pl-v">smart</span>
);

<span class="pl-k">@mixin</span> <span class="pl-en">icon-sprite</span>(<span class="pl-smi">$sprite</span>, <span class="pl-smi">$from</span>: <span class="pl-smi">$base-font-size</span>, <span class="pl-smi">$offset-x</span>:<span class="pl-c1"> 0</span>, <span class="pl-smi">$offset-y</span>:<span class="pl-c1"> 0</span>){
  <span class="pl-k">@include</span> <span class="pl-c1">use-sprite</span>(<span class="pl-smi">$icon</span>, <span class="pl-smi">$icon2x</span>, <span class="pl-smi">$sprite</span>, <span class="pl-smi">$from</span>, <span class="pl-smi">$offset-x</span>, <span class="pl-smi">$offset-y</span>);
}

<span class="pl-c">/* Vertical mode with spacing example */</span>
<span class="pl-smi">$vertical</span>: <span class="pl-c1">sprite-map</span>(<span class="pl-s"><span class="pl-pds">"</span>bg/vertical/*.png<span class="pl-pds">"</span></span>,<span class="pl-v"></span>
  <span class="pl-smi">$layout</span><span class="pl-v">:</span> <span class="pl-c1">vertical</span>,<span class="pl-v"></span>
  <span class="pl-smi">$spacing</span><span class="pl-v">:</span><span class="pl-c1"> 24</span><span class="pl-k">px</span><span class="pl-v"></span>
);
<span class="pl-smi">$vertical2x</span>: <span class="pl-c1">sprite-map</span>(<span class="pl-s"><span class="pl-pds">"</span>bg/vertical2x/*.png<span class="pl-pds">"</span></span>,<span class="pl-v"></span>
  <span class="pl-smi">$layout</span><span class="pl-v">:</span> <span class="pl-v">smart</span>,<span class="pl-v"></span>
  <span class="pl-smi">$spacing</span><span class="pl-v">:</span><span class="pl-c1"> 48</span><span class="pl-k">px</span><span class="pl-v"></span>
);

<span class="pl-k">@mixin</span> <span class="pl-en">vertical-sprite</span>(<span class="pl-smi">$sprite</span>, <span class="pl-smi">$from</span>: <span class="pl-smi">$base-font-size</span>, <span class="pl-smi">$offset-x</span>:<span class="pl-c1"> 0</span>, <span class="pl-smi">$offset-y</span>:<span class="pl-c1"> 0</span>){
  <span class="pl-k">@include</span> <span class="pl-c1">use-sprite</span>(<span class="pl-smi">$vertical</span>, <span class="pl-smi">$vertical2x</span>, <span class="pl-smi">$sprite</span>, <span class="pl-smi">$from</span>, <span class="pl-smi">$offset-x</span>, <span class="pl-smi">$offset-y</span>);
}</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>HTML</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-text-html-basic"><pre>&lt;!DOCTYPE html&gt;
&lt;<span class="pl-ent">html</span>&gt;
&lt;<span class="pl-ent">head</span>&gt;
 &lt;<span class="pl-ent">meta</span> <span class="pl-e">charset</span>=<span class="pl-s"><span class="pl-pds">"</span>utf-8<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">title</span>&gt;GitHub Dark Syntax Highlighting Themes&lt;/<span class="pl-ent">title</span>&gt;

 <span class="pl-c">&lt;!-- themes --&gt;</span>
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Fruity<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-fruity.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Monokai<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-monokai.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Native<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-native.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>GitHub Dark<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-github-dark.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Slate<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-slate.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Solarized Dark<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-solarized-dark.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Vim<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-vim.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Wombat<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-wombat.min.css<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>Zenburn<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>themes/pygments-zenburn.min.css<span class="pl-pds">"</span></span>&gt;

 <span class="pl-c">&lt;!-- jQuery --&gt;</span>
<span class="pl-s1"> &lt;<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;</span>

&lt;/<span class="pl-ent">head</span>&gt;
&lt;<span class="pl-ent">body</span>&gt;
 &lt;<span class="pl-ent">h1</span>&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://userstyles.org/styles/37035<span class="pl-pds">"</span></span>&gt;GitHub Dark for Stylish&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">h1</span>&gt;
 &lt;<span class="pl-ent">h2</span>&gt;Syntax Highlighting themes&lt;/<span class="pl-ent">h2</span>&gt;
 &lt;<span class="pl-ent">h3</span>&gt;Select a syntax highlighting theme: &lt;<span class="pl-ent">select</span>&gt;&lt;/<span class="pl-ent">select</span>&gt;&lt;/<span class="pl-ent">h3</span>&gt;

&lt;<span class="pl-ent">h3</span>&gt;Code block&lt;/<span class="pl-ent">h3</span>&gt;
&lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>highlight<span class="pl-pds">"</span></span>&gt;
 &lt;<span class="pl-ent">pre</span>&gt;&lt;<span class="pl-ent">code</span>&gt;
   <span class="pl-c">&lt;!-- ... --&gt;</span>
 &lt;/<span class="pl-ent">code</span>&gt;&lt;/<span class="pl-ent">pre</span>&gt;
&lt;/<span class="pl-ent">div</span>&gt;</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>JavaScript</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-js"><pre>$(<span class="pl-k">function</span>(){
 <span class="pl-k">var</span> t,
   $links <span class="pl-k">=</span> $(<span class="pl-s"><span class="pl-pds">'</span>link[title]<span class="pl-pds">'</span></span>),
   $select <span class="pl-k">=</span> $(<span class="pl-s"><span class="pl-pds">'</span>select<span class="pl-pds">'</span></span>),
   theme <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>Native-Mod<span class="pl-pds">"</span></span>,
   ls <span class="pl-k">=</span> <span class="pl-c1">false</span>,
   <span class="pl-en">selectTheme</span> <span class="pl-k">=</span> <span class="pl-k">function</span>(<span class="pl-smi">theme</span>){
     $links.prop(<span class="pl-s"><span class="pl-pds">'</span>disabled<span class="pl-pds">'</span></span>, <span class="pl-c1">true</span>);
     $links.filter(<span class="pl-s"><span class="pl-pds">'</span>[title="<span class="pl-pds">'</span></span> <span class="pl-k">+</span> theme <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>"]<span class="pl-pds">'</span></span>).prop(<span class="pl-s"><span class="pl-pds">'</span>disabled<span class="pl-pds">'</span></span>, <span class="pl-c1">false</span>);
   };
 <span class="pl-c">// https://gist.github.com/paulirish/5558557</span>
 <span class="pl-k">if</span> (<span class="pl-s"><span class="pl-pds">"</span>localStorage<span class="pl-pds">"</span></span> <span class="pl-k">in</span> <span class="pl-c1">window</span>) {
   <span class="pl-k">try</span> {
     <span class="pl-c1">window</span>.localStorage.setItem(<span class="pl-s"><span class="pl-pds">'</span>_tmptest<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>temp<span class="pl-pds">'</span></span>);
     ls <span class="pl-k">=</span> <span class="pl-c1">true</span>;
     <span class="pl-c1">window</span>.localStorage.removeItem(<span class="pl-s"><span class="pl-pds">'</span>_tmptest<span class="pl-pds">'</span></span>);
   } <span class="pl-k">catch</span>(e) {}
 }
 <span class="pl-k">if</span> (ls) {
   theme <span class="pl-k">=</span> localStorage[<span class="pl-s"><span class="pl-pds">'</span>github-dark-theme<span class="pl-pds">'</span></span>] <span class="pl-k">||</span> theme;
 }

 t <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>;
 $links.each(<span class="pl-k">function</span>(){
   t <span class="pl-k">+=</span> <span class="pl-s"><span class="pl-pds">'</span>&lt;option&gt;<span class="pl-pds">'</span></span> <span class="pl-k">+</span> <span class="pl-v">this</span>.<span class="pl-c1">title</span> <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>&lt;/option&gt;<span class="pl-pds">'</span></span>;
 });
 $select
   .append(t)
   .on(<span class="pl-s"><span class="pl-pds">'</span>change<span class="pl-pds">'</span></span>, <span class="pl-k">function</span>(){
     selectTheme(<span class="pl-v">this</span>.<span class="pl-c1">value</span>);
     <span class="pl-k">if</span> (ls) {
       localStorage[<span class="pl-s"><span class="pl-pds">'</span>github-dark-theme<span class="pl-pds">'</span></span>] <span class="pl-k">=</span> <span class="pl-v">this</span>.<span class="pl-c1">value</span>;
     }
   })
   .val(theme);

 $(<span class="pl-c1">window</span>).<span class="pl-c1">load</span>(<span class="pl-k">function</span>(){
   $select.val(theme);
   selectTheme(theme);
 });

});</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>PHP</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-text-html-php"><pre><span class="pl-pse">&lt;?php</span><span class="pl-s1"></span>
<span class="pl-s1"><span class="pl-k">class</span> <span class="pl-en">A_Request</span> {</span>
<span class="pl-s1"></span>
<span class="pl-s1">   <span class="pl-k">private</span> <span class="pl-smi">$_request</span>;</span>
<span class="pl-s1"></span>
<span class="pl-s1">   <span class="pl-k">private</span> <span class="pl-smi">$_fields</span> <span class="pl-k">=</span> <span class="pl-c1">array</span>(</span>
<span class="pl-s1"> <span class="pl-s"><span class="pl-pds">'</span>title<span class="pl-pds">'</span></span>,</span>
<span class="pl-s1"> <span class="pl-s"><span class="pl-pds">'</span>fullname<span class="pl-pds">'</span></span>,</span>
<span class="pl-s1"> <span class="pl-s"><span class="pl-pds">'</span>email<span class="pl-pds">'</span></span>,</span>
<span class="pl-s1"> <span class="pl-s"><span class="pl-pds">'</span>company<span class="pl-pds">'</span></span>,</span>
<span class="pl-s1">     );</span>
<span class="pl-s1"></span>
<span class="pl-s1">   <span class="pl-k">public</span> <span class="pl-k">function</span> <span class="pl-c1">__construct</span>() {</span>
<span class="pl-s1"> <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_request</span> <span class="pl-k">=</span> <span class="pl-c1">array</span>();</span>
<span class="pl-s1"> <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_errors</span>  <span class="pl-k">=</span> <span class="pl-c1">array</span>();</span>
<span class="pl-s1">   }</span>
<span class="pl-s1"></span>
<span class="pl-s1">   <span class="pl-k">public</span> <span class="pl-k">function</span> <span class="pl-en">initialize</span>(<span class="pl-smi">$data</span>) {</span>
<span class="pl-s1"> <span class="pl-k">foreach</span> (<span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_fields</span> <span class="pl-k">as</span> <span class="pl-smi">$field</span>) {</span>
<span class="pl-s1">     <span class="pl-k">if</span> ( <span class="pl-k">!</span> <span class="pl-c1">in_array</span>(<span class="pl-smi">$field</span>, <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_optional_fields</span>)) {</span>
<span class="pl-s1">   <span class="pl-k">if</span> (<span class="pl-c1">array_key_exists</span>(<span class="pl-smi">$field</span>, <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_validation_exceptions</span>)) {</span>
<span class="pl-s1">       <span class="pl-smi">$method</span> <span class="pl-k">=</span> <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_validation_exceptions</span>[<span class="pl-smi">$field</span>];</span>
<span class="pl-s1">       <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">$method</span>(<span class="pl-smi">$data</span>[<span class="pl-smi">$field</span>]);</span>
<span class="pl-s1">       <span class="pl-k">continue</span>;</span>
<span class="pl-s1">   }</span>
<span class="pl-s1"></span>
<span class="pl-s1">   <span class="pl-k">if</span> (<span class="pl-c1">isset</span>(<span class="pl-smi">$data</span>[<span class="pl-smi">$field</span>]) <span class="pl-k">AND</span> <span class="pl-k">!</span><span class="pl-c1">empty</span>(<span class="pl-smi">$data</span>[<span class="pl-smi">$field</span>])) {</span>
<span class="pl-s1">       <span class="pl-k">if</span> (<span class="pl-c1">array_key_exists</span>(<span class="pl-smi">$field</span>, <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_specific_validations</span>)) {</span>
<span class="pl-s1">     <span class="pl-smi">$method</span> <span class="pl-k">=</span> <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_specific_validations</span>[<span class="pl-smi">$field</span>];</span>
<span class="pl-s1">     <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">$method</span>(<span class="pl-smi">$data</span>[<span class="pl-smi">$field</span>]);</span>
<span class="pl-s1">       }</span>
<span class="pl-s1">       <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_request</span>[<span class="pl-smi">$field</span>] <span class="pl-k">=</span> <span class="pl-smi">$data</span>[<span class="pl-smi">$field</span>];</span>
<span class="pl-s1">   } <span class="pl-k">else</span> {</span>
<span class="pl-s1">       <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_errors</span>[<span class="pl-smi">$field</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">'</span>error<span class="pl-pds">'</span></span>;</span>
<span class="pl-s1">   }</span>
<span class="pl-s1">     } <span class="pl-k">else</span> {</span>
<span class="pl-s1">   <span class="pl-k">if</span> (<span class="pl-c1">isset</span>(<span class="pl-smi">$data</span>[<span class="pl-smi">$field</span>])) {</span>
<span class="pl-s1">       <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_request</span>[<span class="pl-smi">$field</span>] <span class="pl-k">=</span> <span class="pl-smi">$data</span>[<span class="pl-smi">$field</span>];</span>
<span class="pl-s1">   }</span>
<span class="pl-s1">     }</span>
<span class="pl-s1"> }</span>
<span class="pl-s1">   }</span>
<span class="pl-s1"></span>
<span class="pl-s1">   <span class="pl-k">public</span> <span class="pl-k">function</span> <span class="pl-en">valid_email</span>(<span class="pl-smi">$str</span>) {</span>
<span class="pl-s1"> <span class="pl-smi">$valid</span> <span class="pl-k">=</span> ( <span class="pl-k">!</span> <span class="pl-c1">preg_match</span>(</span>
<span class="pl-s1">     <span class="pl-sr"><span class="pl-pds">"/</span><span class="pl-k">^</span>(<span class="pl-pds">[a-z0-9\+_\-]</span><span class="pl-k">+</span>)(<span class="pl-cce">\.</span><span class="pl-pds">[a-z0-9\+_\-]</span><span class="pl-k">+</span>)<span class="pl-k">*</span>@(<span class="pl-pds">[a-z0-9\-]</span><span class="pl-k">+</span><span class="pl-cce">\.</span>)<span class="pl-k">+</span><span class="pl-pds">[a-z]</span><span class="pl-sra">{2,6}</span><span class="pl-k">$</span><span class="pl-pds">/ix"</span></span>,</span>
<span class="pl-s1">     <span class="pl-smi">$str</span></span>
<span class="pl-s1"> ) ) ? <span class="pl-c1">FALSE</span> : <span class="pl-c1">TRUE</span>;</span>
<span class="pl-s1"></span>
<span class="pl-s1"> <span class="pl-k">if</span> ( <span class="pl-k">!</span> <span class="pl-smi">$valid</span>) {</span>
<span class="pl-s1">     <span class="pl-smi">$this</span><span class="pl-k">-&gt;</span><span class="pl-smi">_errors</span>[<span class="pl-s"><span class="pl-pds">'</span>email<span class="pl-pds">'</span></span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">'</span>error<span class="pl-pds">'</span></span>;</span>
<span class="pl-s1"> }</span>
<span class="pl-s1">   }</span>
<span class="pl-s1"></span>
<span class="pl-s1">}</span></pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Python</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-python"><pre><span class="pl-k">def</span> <span class="pl-en">dump_args</span>(<span class="pl-smi">func</span>):
    <span class="pl-s"><span class="pl-pds">"</span>This decorator dumps out the arguments passed to a function before calling it<span class="pl-pds">"</span></span>
    argnames <span class="pl-k">=</span> func.func_code.co_varnames[:func.func_code.co_argcount]
    fname <span class="pl-k">=</span> func.func_name
    <span class="pl-k">def</span> <span class="pl-en">echo_func</span>(*<span class="pl-smi">args</span>,**<span class="pl-smi">kwargs</span>):
        <span class="pl-k">print</span> fname, <span class="pl-s"><span class="pl-pds">"</span>:<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">'</span>, <span class="pl-pds">'</span></span>.join(
            <span class="pl-s"><span class="pl-pds">'</span><span class="pl-c1">%s</span>=<span class="pl-c1">%r</span><span class="pl-pds">'</span></span> <span class="pl-k">%</span> entry
            <span class="pl-k">for</span> entry <span class="pl-k">in</span> <span class="pl-c1">zip</span>(argnames,args) <span class="pl-k">+</span> kwargs.items())
        <span class="pl-k">return</span> func(<span class="pl-k">*</span>args, <span class="pl-k">**</span>kwargs)
    <span class="pl-k">return</span> echo_func

<span class="pl-en">@dump_args</span>
<span class="pl-k">def</span> <span class="pl-en">f1</span>(<span class="pl-smi">a</span>,<span class="pl-smi">b</span>,<span class="pl-smi">c</span>):
    <span class="pl-k">print</span> a <span class="pl-k">+</span> b <span class="pl-k">+</span> c

f1(<span class="pl-c1">1</span>, <span class="pl-c1">2</span>, <span class="pl-c1">3</span>)

<span class="pl-k">def</span> <span class="pl-en">precondition</span>(<span class="pl-smi">precondition</span>, <span class="pl-smi">use_conditions</span><span class="pl-k">=</span>DEFAULT_ON):
    <span class="pl-k">return</span> conditions(precondition, <span class="pl-c1">None</span>, use_conditions)

<span class="pl-k">def</span> <span class="pl-en">postcondition</span>(<span class="pl-smi">postcondition</span>, <span class="pl-smi">use_conditions</span><span class="pl-k">=</span>DEFAULT_ON):
    <span class="pl-k">return</span> conditions(<span class="pl-c1">None</span>, postcondition, use_conditions)

<span class="pl-k">class</span> <span class="pl-en">conditions</span>(<span class="pl-e"><span class="pl-c1">object</span></span>):
    <span class="pl-c1">__slots__</span> <span class="pl-k">=</span> (<span class="pl-s"><span class="pl-pds">'</span>__precondition<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>__postcondition<span class="pl-pds">'</span></span>)

    <span class="pl-k">def</span> <span class="pl-en"><span class="pl-c1">__init__</span></span>(<span class="pl-smi">self</span>, <span class="pl-smi">pre</span>, <span class="pl-smi">post</span>, <span class="pl-smi">use_conditions</span><span class="pl-k">=</span>DEFAULT_ON):
        <span class="pl-k">if</span> <span class="pl-k">not</span> use_conditions:
            pre, post <span class="pl-k">=</span> <span class="pl-c1">None</span>, <span class="pl-c1">None</span>

        <span class="pl-v">self</span>.__precondition  <span class="pl-k">=</span> pre
        <span class="pl-v">self</span>.__postcondition <span class="pl-k">=</span> post</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Ruby</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-ruby"><pre><span class="pl-k">def</span> <span class="pl-en">power</span>(<span class="pl-smi">x</span>,<span class="pl-smi">n</span>)
  result <span class="pl-k">=</span> <span class="pl-c1">1</span>
  <span class="pl-k">while</span> n.nonzero?
    <span class="pl-k">if</span> n[<span class="pl-c1">0</span>].nonzero?
      result <span class="pl-k">*=</span> x
      n <span class="pl-k">-=</span> <span class="pl-c1">1</span>
    <span class="pl-k">end</span>
    x <span class="pl-k">*=</span> x
    n <span class="pl-k">/=</span> <span class="pl-c1">2</span>
  <span class="pl-k">end</span>
  <span class="pl-k">return</span> result
<span class="pl-k">end</span>

<span class="pl-k">def</span> <span class="pl-en">f</span>(<span class="pl-smi">x</span>)
  <span class="pl-c1">Math</span>.sqrt(x.abs) <span class="pl-k">+</span> <span class="pl-c1">5</span><span class="pl-k">*</span>x <span class="pl-k">**</span> <span class="pl-c1">3</span>
<span class="pl-k">end</span>

(<span class="pl-c1">0</span>...<span class="pl-c1">11</span>).collect{ gets.to_i }.reverse.each <span class="pl-k">do </span>|<span class="pl-smi">x</span>|
  y <span class="pl-k">=</span> f(x)
  puts <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pse">#{</span><span class="pl-s1">x</span><span class="pl-pse"><span class="pl-s1">}</span></span> <span class="pl-pse">#{</span><span class="pl-s1">y.infinite? <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">'</span>TOO LARGE<span class="pl-pds">'</span></span> : y</span><span class="pl-pse"><span class="pl-s1">}</span></span><span class="pl-pds">"</span></span>
<span class="pl-k">end</span>
<span class="pl-c"># Map color names to short hex</span>
<span class="pl-c1">COLORS</span> <span class="pl-k">=</span> { <span class="pl-c1">:black</span>   =&gt; <span class="pl-s"><span class="pl-pds">"</span>000<span class="pl-pds">"</span></span>,
           <span class="pl-c1">:red</span>     =&gt; <span class="pl-s"><span class="pl-pds">"</span>f00<span class="pl-pds">"</span></span>,
           <span class="pl-c1">:green</span>   =&gt; <span class="pl-s"><span class="pl-pds">"</span>0f0<span class="pl-pds">"</span></span>,
           <span class="pl-c1">:yellow</span>  =&gt; <span class="pl-s"><span class="pl-pds">"</span>ff0<span class="pl-pds">"</span></span>,
           <span class="pl-c1">:blue</span>    =&gt; <span class="pl-s"><span class="pl-pds">"</span>00f<span class="pl-pds">"</span></span>,
           <span class="pl-c1">:magenta</span> =&gt; <span class="pl-s"><span class="pl-pds">"</span>f0f<span class="pl-pds">"</span></span>,
           <span class="pl-c1">:cyan</span>    =&gt; <span class="pl-s"><span class="pl-pds">"</span>0ff<span class="pl-pds">"</span></span>,
           <span class="pl-c1">:white</span>   =&gt; <span class="pl-s"><span class="pl-pds">"</span>fff<span class="pl-pds">"</span></span> }

<span class="pl-k">class</span> <span class="pl-en">String</span>
  <span class="pl-c1">COLORS</span>.each <span class="pl-k">do </span>|<span class="pl-smi">color</span>,<span class="pl-smi">code</span>|
    define_method <span class="pl-s"><span class="pl-pds">"</span>in_<span class="pl-pse">#{</span><span class="pl-s1">color</span><span class="pl-pse"><span class="pl-s1">}</span></span><span class="pl-pds">"</span></span> <span class="pl-k">do</span>
      <span class="pl-s"><span class="pl-pds">"</span>&lt;span style=<span class="pl-cce">\"</span>color: #<span class="pl-pse">#{</span><span class="pl-s1">code</span><span class="pl-pse"><span class="pl-s1">}</span></span><span class="pl-cce">\"</span>&gt;<span class="pl-pse">#{</span><span class="pl-s1"><span class="pl-v">self</span></span><span class="pl-pse"><span class="pl-s1">}</span></span>&lt;/span&gt;<span class="pl-pds">"</span></span>
    <span class="pl-k">end</span>
  <span class="pl-k">end</span>
<span class="pl-k">end</span></pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>C++</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-c++"><pre>#<span class="pl-k">include</span> <span class="pl-s"><span class="pl-pds">"</span>algostuff.hpp<span class="pl-pds">"</span></span>
<span class="pl-k">using</span> <span class="pl-k">namespace</span> <span class="pl-en">std</span><span class="pl-k">;</span>

<span class="pl-k">bool</span> <span class="pl-en">bothEvenOrOdd</span> (<span class="pl-k">int</span> elem1, <span class="pl-k">int</span> elem2)
{
    <span class="pl-k">return</span> elem1 % <span class="pl-c1">2</span> == elem2 % <span class="pl-c1">2</span>;
}

<span class="pl-k">int</span> <span class="pl-en">main</span>()
{
    vector&lt;<span class="pl-k">int</span>&gt; coll1;
    list&lt;<span class="pl-k">int</span>&gt; coll2;

    <span class="pl-k">float</span> m = <span class="pl-c1">40</span>.<span class="pl-c1">0f</span>;

    <span class="pl-c1">INSERT_ELEMENTS</span>(coll1,<span class="pl-c1">1</span>,<span class="pl-c1">7</span>);
    <span class="pl-c1">INSERT_ELEMENTS</span>(coll2,<span class="pl-c1">3</span>,<span class="pl-c1">9</span>);

    <span class="pl-c1">PRINT_ELEMENTS</span>(coll1,<span class="pl-s"><span class="pl-pds">"</span>coll1: <span class="pl-cce">\n</span><span class="pl-pds">"</span></span>);
    <span class="pl-c1">PRINT_ELEMENTS</span>(coll2,<span class="pl-s"><span class="pl-pds">"</span>coll2: <span class="pl-cce">\n</span><span class="pl-pds">"</span></span>);

    <span class="pl-c">// check whether both collections are equal</span>
    <span class="pl-k">if</span> (<span class="pl-c1">equal</span> (coll1.<span class="pl-c1">begin</span>(), coll1.<span class="pl-c1">end</span>(),  <span class="pl-c">// first range</span>
               coll2.<span class="pl-c1">begin</span>())) {            <span class="pl-c">// second range</span>
        cout &lt;&lt; <span class="pl-s"><span class="pl-pds">"</span>coll1 == coll2<span class="pl-pds">"</span></span> &lt;&lt; endl;
    } <span class="pl-c">/* TODO Shouldn't there be an 'else' case? */</span>

    <span class="pl-c">// check for corresponding even and odd elements</span>
    <span class="pl-k">if</span> (<span class="pl-c1">equal</span> (coll1.<span class="pl-c1">begin</span>(), coll1.<span class="pl-c1">end</span>(),  <span class="pl-c">// first range</span>
               coll2.<span class="pl-c1">begin</span>(),               <span class="pl-c">// second range</span>
               bothEvenOrOdd)) {            <span class="pl-c">// comparison criterion</span>
        cout &lt;&lt; <span class="pl-s"><span class="pl-pds">"</span>even and odd elements correspond<span class="pl-pds">"</span></span> &lt;&lt; endl;
    }
}</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Haskell</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-haskell"><pre><span class="pl-k">import</span> <span class="pl-c1">System</span>
<span class="pl-k">import</span> <span class="pl-c1">Foreign</span>
<span class="pl-k">import</span> <span class="pl-k">qualified</span> <span class="pl-c1">Data.ByteString</span> <span class="pl-k">as</span> <span class="pl-c1">B</span>

main = <span class="pl-k">do</span>
    w &lt;- getArgs &gt;&gt;= <span class="pl-c1">readIO</span> . <span class="pl-c1">head</span>
    <span class="pl-k">let</span> n      = w <span class="pl-k">`div`</span> <span class="pl-c1">8</span>
        loop_y = <span class="pl-c1">B</span>.unfoldrN n (next_x w (<span class="pl-c1">2</span>/<span class="pl-c1">fromIntegral</span> w) n)

        unfold x = <span class="pl-k">case</span> loop_y x <span class="pl-k">of</span>
                    (s, <span class="pl-c1">Nothing</span>) -&gt; <span class="pl-c1">B</span>.<span class="pl-c1">putStr</span> s
                    (s, <span class="pl-c1">Just</span> x)  -&gt; <span class="pl-c1">B</span>.<span class="pl-c1">putStr</span> s &gt;&gt; unfold x

    <span class="pl-c1">putStrLn</span> (<span class="pl-s"><span class="pl-pds">"</span>P4<span class="pl-cce">\n</span><span class="pl-pds">"</span></span>++<span class="pl-c1">show</span> w++<span class="pl-s"><span class="pl-pds">"</span> <span class="pl-pds">"</span></span>++<span class="pl-c1">show</span> w)
    unfold (<span class="pl-c1">T</span> <span class="pl-c1">1</span> <span class="pl-c1">0</span> <span class="pl-c1">0</span> (-<span class="pl-c1">1</span>))

<span class="pl-k">data</span> <span class="pl-c1">T</span> = <span class="pl-c1">T</span> !<span class="pl-c1">Int</span> !<span class="pl-c1">Int</span> !<span class="pl-c1">Int</span> !<span class="pl-c1">Double</span>

next_x !w !iw !bw (<span class="pl-c1">T</span> bx x y ci)
    | y  == w   = <span class="pl-c1">Nothing</span>
    | bx == bw  = <span class="pl-c1">Just</span> (loop_x w x <span class="pl-c1">8</span> iw ci <span class="pl-c1">0</span>, <span class="pl-c1">T</span> <span class="pl-c1">1</span> <span class="pl-c1">0</span>    (y+<span class="pl-c1">1</span>)   (iw+ci))
    | <span class="pl-c1">otherwise</span> = <span class="pl-c1">Just</span> (loop_x w x <span class="pl-c1">8</span> iw ci <span class="pl-c1">0</span>, <span class="pl-c1">T</span> (bx+<span class="pl-c1">1</span>) (x+<span class="pl-c1">8</span>) y ci)

loop_x !w !x !n !iw !ci !b
    | x &lt; w = <span class="pl-k">if</span> n == <span class="pl-c1">0</span>
                    <span class="pl-k">then</span> b
                    <span class="pl-k">else</span> loop_x w (x+<span class="pl-c1">1</span>) (n-<span class="pl-c1">1</span>) iw ci (b+b+v)
    | <span class="pl-c1">otherwise</span> = b <span class="pl-k">`shiftL`</span> n
  <span class="pl-k">where</span>
    v = fractal <span class="pl-c1">0</span> <span class="pl-c1">0</span> (<span class="pl-c1">fromIntegral</span> x * iw - <span class="pl-c1">1.5</span>) ci <span class="pl-c1">50</span>

<span class="pl-en">fractal</span> <span class="pl-k">::</span> <span class="pl-c1">Double</span> <span class="pl-k">-&gt;</span> <span class="pl-c1">Double</span> <span class="pl-k">-&gt;</span> <span class="pl-c1">Double</span> <span class="pl-k">-&gt;</span> <span class="pl-c1">Double</span> <span class="pl-k">-&gt;</span> <span class="pl-c1">Int</span> <span class="pl-k">-&gt;</span> <span class="pl-k">Word8</span>
fractal !r !i !cr !ci !k
    | r2 + i2 &gt; <span class="pl-c1">4</span> = <span class="pl-c1">0</span>
    | k == <span class="pl-c1">0</span>      = <span class="pl-c1">1</span>
    | <span class="pl-c1">otherwise</span>   = fractal (r2-i2+cr) ((r+r)*i+ci) cr ci (k-<span class="pl-c1">1</span>)
  <span class="pl-k">where</span>
    (!r2,!i2) = (r*r,i*i)</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>SQL</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-sql"><pre><span class="pl-k">CREATE</span> <span class="pl-k">TABLE</span> <span class="pl-en">My_table</span>(
    my_field1   <span class="pl-k">INT</span>,
    my_field2   <span class="pl-k">VARCHAR</span>(<span class="pl-c1">50</span>),
    my_field3   <span class="pl-k">DATE</span>         <span class="pl-k">NOT NULL</span>,
    <span class="pl-k">PRIMARY KEY</span> (my_field1, my_field2)
);

<span class="pl-k">ALTER</span> <span class="pl-k">TABLE</span> My_table ADD my_field4 <span class="pl-k">NUMBER</span>(<span class="pl-c1">3</span>) <span class="pl-k">NOT NULL</span>;

<span class="pl-k">GRANT</span> <span class="pl-k">SELECT</span>, <span class="pl-k">UPDATE</span>
    <span class="pl-k">ON</span> My_table
    TO some_user, another_user;

<span class="pl-k">REVOKE</span> <span class="pl-k">SELECT</span>, <span class="pl-k">UPDATE</span>
    <span class="pl-k">ON</span> My_table
    <span class="pl-k">FROM</span> some_user, another_user;

<span class="pl-k">SELECT</span> <span class="pl-c1">Book</span>.<span class="pl-c1">title</span>,
        <span class="pl-c1">COUNT</span>(<span class="pl-k">*</span>) <span class="pl-k">AS</span> Authors
    <span class="pl-k">FROM</span>  Book <span class="pl-k">JOIN</span> Book_author
       <span class="pl-k">ON</span> <span class="pl-c1">Book</span>.<span class="pl-c1">isbn</span> <span class="pl-k">=</span> <span class="pl-c1">Book_author</span>.<span class="pl-c1">isbn</span>
    <span class="pl-k">GROUP BY</span> <span class="pl-c1">Book</span>.<span class="pl-c1">title</span>;</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Java</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-java"><pre><span class="pl-k">import</span> <span class="pl-smi">java.io.*</span>;
<span class="pl-k">import</span> <span class="pl-smi">java.util.*</span>;

<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">KeyboardIntegerReader</span> {

 <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">void</span> <span class="pl-en">main</span> (<span class="pl-k">String</span>[] <span class="pl-v">args</span>) <span class="pl-k">throws</span> <span class="pl-smi">java.io<span class="pl-k">.</span>IOException</span> {
  <span class="pl-smi">String</span> s1;
  <span class="pl-smi">String</span> s2;
  <span class="pl-k">int</span> num <span class="pl-k">=</span> <span class="pl-c1">0</span>;

  <span class="pl-c">// set up the buffered reader to read from the keyboard</span>
  <span class="pl-smi">BufferedReader</span> br <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-smi">BufferedReader</span> (<span class="pl-k">new</span> <span class="pl-smi">InputStreamReader</span> (
            <span class="pl-smi">System</span><span class="pl-k">.</span>in));

  <span class="pl-k">boolean</span> cont <span class="pl-k">=</span> <span class="pl-c1">true</span>;

  <span class="pl-k">while</span> (cont)
     {
      <span class="pl-smi">System</span><span class="pl-k">.</span>out<span class="pl-k">.</span>print (<span class="pl-s"><span class="pl-pds">"</span>Enter an integer:<span class="pl-pds">"</span></span>);
      s1 <span class="pl-k">=</span> br<span class="pl-k">.</span>readLine();
      <span class="pl-smi">StringTokenizer</span> st <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-smi">StringTokenizer</span> (s1);
      s2 <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>;

      <span class="pl-k">while</span> (cont <span class="pl-k">&amp;&amp;</span> st<span class="pl-k">.</span>hasMoreTokens())
     {
          <span class="pl-k">try</span>
          {
           s2 <span class="pl-k">=</span> st<span class="pl-k">.</span>nextToken();
           num <span class="pl-k">=</span> <span class="pl-smi">Integer</span><span class="pl-k">.</span>parseInt(s2);
           cont <span class="pl-k">=</span> <span class="pl-c1">false</span>;
          }
          <span class="pl-k">catch</span> (<span class="pl-smi">NumberFormatException</span> n)
          {
           <span class="pl-smi">System</span><span class="pl-k">.</span>out<span class="pl-k">.</span>println(<span class="pl-s"><span class="pl-pds">"</span>The value in <span class="pl-cce">\"</span><span class="pl-pds">"</span></span> <span class="pl-k">+</span> s2 <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\"</span> is not an integer<span class="pl-pds">"</span></span>);
          }
    }
     }

  <span class="pl-smi">System</span><span class="pl-k">.</span>out<span class="pl-k">.</span>println (<span class="pl-s"><span class="pl-pds">"</span>You entered the integer: <span class="pl-pds">"</span></span> <span class="pl-k">+</span> num);
 }
}</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Lua</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-lua"><pre><span class="pl-k">function</span> <span class="pl-en">settable_event</span> (<span class="pl-smi">table, key, value</span>)
    <span class="pl-k">local</span> h
    <span class="pl-k">if</span> <span class="pl-c1">type</span>(table) <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">"</span>table<span class="pl-pds">"</span></span> <span class="pl-k">then</span>
        <span class="pl-k">local</span> v <span class="pl-k">=</span> <span class="pl-c1">rawget</span>(table, key)
        <span class="pl-c">-- if key is present, do raw assignment</span>
        <span class="pl-k">if</span> v <span class="pl-k">~=</span> <span class="pl-c1">nil</span> <span class="pl-k">then</span> <span class="pl-c1">rawset</span>(table, key, value); <span class="pl-k">return</span> <span class="pl-k">end</span>
        h <span class="pl-k">=</span> <span class="pl-c1">metatable</span>(table).<span class="pl-smi">__newindex</span>
        <span class="pl-k">if</span> h <span class="pl-k">==</span> <span class="pl-c1">nil</span> <span class="pl-k">then</span> <span class="pl-c1">rawset</span>(table, key, value); <span class="pl-k">return</span> <span class="pl-k">end</span>
    <span class="pl-k">else</span>
        h <span class="pl-k">=</span> <span class="pl-c1">metatable</span>(table).<span class="pl-smi">__newindex</span>
        <span class="pl-k">if</span> h <span class="pl-k">==</span> <span class="pl-c1">nil</span> <span class="pl-k">then</span>
            <span class="pl-c1">error</span>(···)
        <span class="pl-k">end</span>
    <span class="pl-k">end</span>
    <span class="pl-k">if</span> <span class="pl-c1">type</span>(h) <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">"</span>function<span class="pl-pds">"</span></span> <span class="pl-k">then</span>
        <span class="pl-c1">h</span>(table, key,value)           <span class="pl-c">-- call the handler</span>
    <span class="pl-k">else</span> h[key] <span class="pl-k">=</span> value             <span class="pl-c">-- or repeat operation on it</span>
    <span class="pl-k">end</span>
<span class="pl-k">end</span></pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Perl</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-perl"><pre><span class="pl-k">package</span> <span class="pl-en">Dancer::Handler::Standalone</span>;

<span class="pl-k">use</span> strict;
<span class="pl-k">use</span> warnings;

<span class="pl-k">use</span> HTTP::Server::Simple::PSGI;
<span class="pl-k">use</span> base <span class="pl-s"><span class="pl-pds">'</span>Dancer::Handler<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>HTTP::Server::Simple::PSGI<span class="pl-pds">'</span></span>;

<span class="pl-k">use</span> Dancer::HTTP;

        <span class="pl-c"># ...</span>

        <span class="pl-smi">$dancer</span><span class="pl-k">-&gt;</span>run();
    }
}

<span class="pl-k">sub</span> <span class="pl-en">print_startup_info</span> {
    <span class="pl-k">my</span> <span class="pl-smi">$pid</span>    = <span class="pl-c1">shift</span>;
    <span class="pl-k">my</span> <span class="pl-smi">$ipaddr</span> = setting(<span class="pl-s"><span class="pl-pds">'</span>server<span class="pl-pds">'</span></span>);
    <span class="pl-k">my</span> <span class="pl-smi">$port</span>   = setting(<span class="pl-s"><span class="pl-pds">'</span>port<span class="pl-pds">'</span></span>);

    <span class="pl-c"># we only print the info if we need to</span>
    setting(<span class="pl-s"><span class="pl-pds">'</span>startup_info<span class="pl-pds">'</span></span>) <span class="pl-k">or</span> <span class="pl-k">return</span>;

    <span class="pl-c"># bare minimum</span>
    <span class="pl-c1">print</span> <span class="pl-c1">STDERR</span> <span class="pl-s"><span class="pl-pds">"</span>&gt;&gt; Dancer <span class="pl-smi">$Dancer::VERSION</span> server <span class="pl-smi">$pid</span> listening <span class="pl-pds">"</span></span> .
                 <span class="pl-s"><span class="pl-pds">"</span>on http://<span class="pl-smi">$ipaddr</span>:<span class="pl-smi">$port</span><span class="pl-cce">\n</span><span class="pl-pds">"</span></span>;

    <span class="pl-c"># all loaded plugins</span>
    <span class="pl-k">foreach</span> <span class="pl-k">my</span> <span class="pl-smi">$module</span> ( <span class="pl-c1">grep</span> { <span class="pl-smi">$_</span> =~ <span class="pl-sr"><span class="pl-pds"><span class="pl-c1">m</span>{</span>^Dancer/Plugin/<span class="pl-pds">}</span></span> } <span class="pl-c1">keys</span> <span class="pl-smi">%INC</span> ) {
        <span class="pl-smi">$module</span> =~ <span class="pl-sr"><span class="pl-pds"><span class="pl-c1">s</span>{</span>/<span class="pl-pds">}</span></span><span class="pl-sr"><span class="pl-pds">{</span>::<span class="pl-pds">}</span></span><span class="pl-sr"><span class="pl-pds"><span class="pl-k">g</span></span></span>;  <span class="pl-c"># change / to ::</span></pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Bash</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-shell"><pre><span class="pl-c"># Source global definitions</span>
<span class="pl-k">if</span> [ -f /etc/bashrc ]<span class="pl-k">;</span> <span class="pl-k">then</span>
        <span class="pl-c1">.</span> /etc/bashrc
<span class="pl-k">fi</span>
<span class="pl-c">#</span>
<span class="pl-c"># aliases</span>
<span class="pl-c1">alias</span> grpe=grep
<span class="pl-c1">alias</span> grep=<span class="pl-s"><span class="pl-pds">'</span>grep --color --line-number<span class="pl-pds">'</span></span>
<span class="pl-c1">alias</span> vim=<span class="pl-s"><span class="pl-pds">"</span>vim -p<span class="pl-pds">"</span></span>
<span class="pl-c1">alias</span> rebash=<span class="pl-s"><span class="pl-pds">"</span>source ~/.bashrc<span class="pl-pds">"</span></span>

<span class="pl-c1">alias</span> install=<span class="pl-s"><span class="pl-pds">'</span>sudo apt-get -y install<span class="pl-pds">'</span></span>
<span class="pl-c1">alias</span> search=<span class="pl-s"><span class="pl-pds">'</span>apt-cache search<span class="pl-pds">'</span></span>
<span class="pl-c1">alias</span> purge=<span class="pl-s"><span class="pl-pds">'</span>sudo apt-get purge<span class="pl-pds">'</span></span>

<span class="pl-k">export</span> EDITOR=vim

<span class="pl-c"># set up the prompt to the hostname</span>
<span class="pl-c1">shopt</span> -s checkwinsize
PS1=<span class="pl-s"><span class="pl-pds">"</span>\e[1;35m[\w]   ---   \@ \d \n$&gt;\[\e[0m\]<span class="pl-pds">"</span></span>
PS2=<span class="pl-s"><span class="pl-pds">"</span>\e[1;35m-&gt;\[\e[0m\]<span class="pl-pds">"</span></span>

<span class="pl-c">#--------------------------------------------------</span>
<span class="pl-c">#    grabs some definitions from google</span>
<span class="pl-c">#--------------------------------------------------</span>
<span class="pl-en">define</span> () {
 lynx -dump <span class="pl-s"><span class="pl-pds">"</span>http://www.google.com/search?hl=en&amp;q=define%3A+<span class="pl-smi">${1}</span><span class="pl-pds">"</span></span> <span class="pl-k">|</span> grep -m 25 -w <span class="pl-s"><span class="pl-pds">"</span>*<span class="pl-pds">"</span></span>  <span class="pl-k">|</span> sed <span class="pl-s"><span class="pl-pds">'</span>s/;/ -/g<span class="pl-pds">'</span></span> <span class="pl-k">|</span> cut -d- -f5 <span class="pl-k">&gt;</span> /tmp/templookup.txt
             <span class="pl-k">if</span> [[ <span class="pl-k">-s</span>  /tmp/templookup.txt ]] <span class="pl-k">;</span><span class="pl-k">then</span>
                 <span class="pl-k">until</span> <span class="pl-k">!</span> <span class="pl-c1">read</span> response
                     <span class="pl-k">do</span>
                     <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-smi">${response}</span><span class="pl-pds">"</span></span>
                     <span class="pl-k">done</span> <span class="pl-k">&lt;</span> /tmp/templookup.txt
                 <span class="pl-k">else</span>
                     <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>Sorry <span class="pl-smi">$USER</span>, I can't find the term <span class="pl-cce">\"</span><span class="pl-smi">${1}</span> <span class="pl-cce">\"</span><span class="pl-pds">"</span></span>
              <span class="pl-k">fi</span>
  rm -f /tmp/templookup.txt
}

<span class="pl-c">#--------------------------------------------------</span>
<span class="pl-c">#    Extracts most files, mostly</span>
<span class="pl-c">#--------------------------------------------------</span>
<span class="pl-en">extract</span> () {
 <span class="pl-k">if</span> [ -f <span class="pl-smi">$1</span> ] <span class="pl-k">;</span> <span class="pl-k">then</span>
   <span class="pl-k">case</span> <span class="pl-smi">$1</span> in
     <span class="pl-k">*</span>.tar.bz2)  tar xjf <span class="pl-smi">$1</span>    ;;
     <span class="pl-k">*</span>.tar.gz)   tar xzf <span class="pl-smi">$1</span>    ;;
     <span class="pl-k">*</span>.bz2)      bunzip2 <span class="pl-smi">$1</span>    ;;
     <span class="pl-k">*</span>.rar)      rar x <span class="pl-smi">$1</span>      ;;
     <span class="pl-k">*</span>.gz)       gunzip <span class="pl-smi">$1</span>     ;;
     <span class="pl-k">*</span>.tar)      tar xf <span class="pl-smi">$1</span>     ;;
     <span class="pl-k">*</span>.tbz2)     tar xjf <span class="pl-smi">$1</span>    ;;
     <span class="pl-k">*</span>.tgz)      tar xzf <span class="pl-smi">$1</span>    ;;
     <span class="pl-k">*</span>.zip)      unzip <span class="pl-smi">$1</span>      ;;
     <span class="pl-k">*</span>.Z)        uncompress <span class="pl-smi">$1</span> ;;
     <span class="pl-k">*</span>)          <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>'<span class="pl-smi">$1</span>' cannot be extracted via extract()<span class="pl-pds">"</span></span> ;;
   <span class="pl-k">esac</span>
 <span class="pl-k">else</span>
   <span class="pl-c1">echo</span> <span class="pl-s"><span class="pl-pds">"</span>'<span class="pl-smi">$1</span>' is not a valid file<span class="pl-pds">"</span></span>
 <span class="pl-k">fi</span>
}</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>LaTex</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-text-tex"><pre><span class="pl-c1">\documentclass</span>[12pt]{article}

<span class="pl-c1">\usepackage</span>[option1, option2]{package}

<span class="pl-c1">\begin</span>{document}

<span class="pl-c">% Here is a comment. Commands in tex are called by backslash: \command </span>
<span class="pl-c1">\section</span>{Section head}
<span class="pl-c1">\subsection</span>{Subsection head}

This is text, and the following is in-line mathematics:
<span class="pl-s"><span class="pl-pds">$</span><span class="pl-c1">\mathrm</span>{e}^{-<span class="pl-c1">\pi\matrhm</span>{i}} = -<span class="pl-c1">1</span><span class="pl-pds">$</span></span>.
A display-style equation is shown below:

<span class="pl-c1">\begin</span>{equation}
  E = mc^2
<span class="pl-c1">\end</span>{equation}

<span class="pl-c1">\end</span>{document}</pre></div>

</div>
  </label>

  <label class="wrapper" tabindex="0">
    <input type="checkbox" class="popup">
    <h3>Fortran</h3>
<div class="highlight markdown-body">
<div class="highlight highlight-source-fortran-modern"><pre><span class="pl-k">integer</span> <span class="pl-k">::</span> my_seed
        becomes
  <span class="pl-k">integer</span>, optional <span class="pl-k">::</span> my_seed
<span class="pl-k">module</span> ran_mod
<span class="pl-c">! ran1 returns a uniform random number between 0-1 </span>
<span class="pl-c">! the seed is optional and used to reset the generator </span>
<span class="pl-k">contains</span>
    <span class="pl-k">function</span> <span class="pl-en">ran1</span>(<span class="pl-v">my_seed</span>)
      <span class="pl-k">use</span> numz
      <span class="pl-k">implicit none</span>
       <span class="pl-k">real</span>(b8) ran1,r
      <span class="pl-k">integer</span>, optional ,<span class="pl-k">intent</span>(<span class="pl-k">in</span>) <span class="pl-k">::</span> my_seed  <span class="pl-c">! optional argument not changed in the routine </span>
      <span class="pl-k">integer</span>,allocatable <span class="pl-k">::</span> seed(:)
      <span class="pl-k">integer</span> the_size,j
      <span class="pl-k">if</span>(<span class="pl-k">present</span>(my_seed))<span class="pl-k">then</span>            <span class="pl-c">! use the seed if present </span>
          <span class="pl-k">call</span> <span class="pl-k">random_seed</span>(size<span class="pl-k">=</span>the_size) <span class="pl-c">! how big is the intrisic seed? </span>
          <span class="pl-k">allocate</span>(seed(the_size))        <span class="pl-c">! allocate space for seed </span>
          <span class="pl-k">do</span> j<span class="pl-k">=</span><span class="pl-c1">1</span>,the_size                 <span class="pl-c">! create the seed </span>
             seed(j)<span class="pl-k">=</span><span class="pl-k">abs</span>(my_seed)<span class="pl-k">+</span>(j<span class="pl-c1">-1</span>)   <span class="pl-c">! abs is generic </span>
          <span class="pl-k">enddo</span>
          <span class="pl-k">call</span> <span class="pl-k">random_seed</span>(put<span class="pl-k">=</span>seed)      <span class="pl-c">! assign the seed </span>
          <span class="pl-k">deallocate</span>(seed)                <span class="pl-c">! deallocate space </span>
      <span class="pl-k">endif</span>
       <span class="pl-k">call</span> <span class="pl-k">random_number</span>(r)
      ran1<span class="pl-k">=</span>r
  <span class="pl-k">end</span> <span class="pl-k">function</span><span class="pl-en"> ran1</span>
<span class="pl-k">end module</span>

 <span class="pl-k">program</span> darwin
    <span class="pl-k">use</span> numz
    <span class="pl-k">use</span> ran_mod          <span class="pl-c">! interface required if we have </span>
                         <span class="pl-c">! optional or intent arguments </span>
    <span class="pl-k">real</span>(b8) x,y
    x<span class="pl-k">=</span>ran1(my_seed<span class="pl-k">=</span><span class="pl-c1">12345</span>) <span class="pl-c">! we can specify the name of the argument </span>
    y<span class="pl-k">=</span>ran1()
    <span class="pl-k">write</span>(<span class="pl-k">*</span>,<span class="pl-k">*</span>)x,y
    x<span class="pl-k">=</span>ran1(<span class="pl-c1">12345</span>)         <span class="pl-c">! with only one optional argument we don't need to </span>
    y<span class="pl-k">=</span>ran1()
    <span class="pl-k">write</span>(<span class="pl-k">*</span>,<span class="pl-k">*</span>)x,y
<span class="pl-k">end program</span></pre></div>

</div>
  </label>

<h4>Some code examples copied from <a href="http://bytefluent.com/devify/">Vivify</a></h4>

</body>
</html>
